Tokens Browser

Tokens

3,044 of 3,049

Component Token

Core

--alert-radius-lg

20px

component

--alert-radius-md

16px

component

--alert-radius-sm

12px

component

--bottom-sheet-radius-lg

24px

component

--bottom-sheet-radius-md

20px

component

--dropdown-radius-lg

20px

component

--dropdown-radius-md

16px

component

--dropdown-radius-xl

24px

component

--modal-radius-lg

32px

component

--modal-radius-md

20px

component

--modal-radius-xl

48px

component

--modal-width-lg

768px

component

--modal-width-md

560px

component

--modal-width-sm

480px

component

--modal-width-xl

1200px

component

--side-panel-border-color-active

#8997A5

component

--side-panel-border-color-default

#E1E5EA

component

--side-panel-radius-lg

32px

component

--side-panel-radius-md

24px

component

--test-comp-test-card-radius-lg

20px

component

--test-comp-test-card-radius-md

16px

component

--toggle-group-flush-radius-general

12px

component

--toggle-group-inset-radius-general

16px

component

--tooltip-radius-lg

16px

component

--tooltip-radius-sm

8px

component

--uploader-content-height-2xl

128px

component

--uploader-content-height-lg

80px

component

--uploader-content-height-md

48px

component

--uploader-content-height-sm

40px

component

--uploader-content-height-xl

92px

component

--uploader-content-height-xs

32px

component

--uploader-radius-2x

24px

component

--uploader-radius-lg

20px

component

--uploader-radius-md

16px

component

--uploader-radius-sm

16px

component

--uploader-radius-xl

24px

component

--uploader-radius-xs

16px

component

Control

--button-height-2xl

56px

component

--button-height-2xs

24px

component

--button-height-3xl

64px

component

--button-height-3xs

20px

component

--button-height-4xl

72px

component

--button-height-lg

40px

component

--button-height-md

36px

component

--button-height-sm

32px

component

--button-height-xl

48px

component

--button-height-xs

28px

component

--button-radius-2xl

20px

component

--button-radius-2xs

12px

component

--button-radius-3xl

24px

component

--button-radius-3xs

12px

component

--button-radius-lg

16px

component

--button-radius-md

14px

component

--button-radius-sm

12px

component

--button-radius-xl

16px

component

--button-radius-xs

12px

component

--input-color-bg-color-default

#F0F2F5

component

--input-color-bg-color-disable

#F9FAFB

component

--input-color-bg-color-error

#F0F2F5

component

--input-color-bg-color-focus

#F0F2F5

component

--input-color-bg-color-hover

#E1E5EA

component

--input-color-bg-color-selected-default

#EFF2FC

component

--input-color-bg-color-selected-focus

#EFF2FC

component

--input-color-bg-color-selected-hover

#F8F9FE

component

--input-color-border-color-disable

#F0F2F5

component

--input-color-border-color-error

#E24B19

component

--input-color-border-color-focus

#2B52D4

component

--input-color-border-color-success

#329546

component

--input-color-border-color-warning

#E0A011

component

--input-color-outline-color-bg-default

#FFFFFF

component

--input-color-outline-color-bg-disable

#F9FAFB

component

--input-color-outline-color-bg-hover

#F9FAFB

component

--input-color-outline-color-border-default

#E1E5EA

component

--input-color-outline-color-border-disable

#F0F2F5

component

--input-color-outline-color-border-hover

#C8CFD6

component

--input-color-text-color-disable

#8997A5

component

--input-color-text-color-filled

#2B3138

component

--input-color-text-color-filled-disable

#6C7885

component

--input-color-text-color-placeholder

#55606B

component

--input-height-2xl

56px

component

--input-height-2xs

24px

component

--input-height-3xs

20px

component

--input-height-lg

40px

component

--input-height-md

36px

component

--input-height-sm

32px

component

--input-height-xl

48px

component

--input-height-xs

28px

component

--input-interactive-focus-ring-color-brand

#FCEFEF

component

--input-interactive-focus-ring-color-error

#FCEFEB

component

--input-interactive-focus-ring-color-neutral

#F0F2F5

component

--input-interactive-focus-ring-color-special

#FAF9FE

component

--input-interactive-focus-ring-color-tertiary

#EFF2FC

component

--input-interactive-focus-ring-color-warning

#FBF1DD

component

--input-interactive-focus-ring-width-2xl

9px

component

--input-interactive-focus-ring-width-lg

5px

component

--input-interactive-focus-ring-width-md

3px

component

Loading more · 96 / 3,044