Skip to content

KRDS 컴포넌트 적용 현황

ComponentScopeStorybook
Buttonvariants, disabled, focus, high contrastKRDS/Components/Button
Inputdefault, disabled, invalid, focus, high contrastKRDS/Components/Form Controls
Selecttrigger, content, item, open layer shadowKRDS/Components/Form Controls
Cardsurface, border, text, elevationKRDS/Components/Surfaces
Dialogdimmed overlay, surface, close focus, shadowKRDS/Components/Overlays
Tooltipforeground/background, arrow, shadowKRDS/Components/Overlays
  • KRDS/Foundation/Tokens
  • KRDS/Overview/Adoption Matrix
  • KRDS/Components/Button
  • KRDS/Components/Form Controls
  • KRDS/Components/Surfaces
  • KRDS/Components/Overlays
  • Checkbox and Radio Group: selection controls share form spacing and focus rules.
  • Tabs and Navigation Menu: KRDS navigation density and active state rules apply.
  • Alert and Toast: status color tokens and critical alert elevation need alignment.