📋 읽을 거리: 디자인 시스템

디자인 시스템 | 서핏
어느날 발등에 불이 떨어져서 디자인 시스템을 만들었다 | Medium
내가 필요해서 정리한 디자인 시스템에 관한 모든 것 | Medium
디자인 시스템을 구성하는 방법
디자인 시스템 구축기 | Brunch
디자인 시스템에 대해 알아야 할 모든 것 | Brunch
따릉아! 문제는 UX/UI야! | Brunch
회원가입을 쉽게 만드는 UI/UX 디자인은? | Brunch
UX GUIDELINES - Selection | LINE Design System

---

✨ Storybook을 활용하여 본격적으로 디자인 시스템 구축하기 | velopert.log
✨ 빠른 정보 검색을 돕는 컴포넌트, Tag | Brunch

storybook-design-system | Storybook

Carbon: IBM’s open source design system
react-carbon-design-system | Storybook
https://carbondesignsystem.com/components/overview/
https://carbondesignsystem.com/components/radio-button/usage/
https://carbondesignsystem.com/components/select/usage/
https://carbondesignsystem.com/components/dropdown/usage/

<Dropdown
  titleText="Dropdown title"
  label="Dropdown menu options"
  items={[
    {
      id: 'option-1',
      text: 'Option 1'
    },
    {
      id: 'option-2',
      text: 'Option 2'
    },
    {
      id: 'option-3',
      text: 'Option 3'
      // disabled: true,
    },
    {
      id: 'option-4',
      text: 'Option 4'
    }
  ]}
/>

Ant Design
https://ant.design/components/overview/
https://ant.design/components/radio/
https://ant.design/components/dropdown/
https://ant.design/components/select/

<Select defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
  <Option value="jack">Jack</Option>
  <Option value="lucy">Lucy</Option>
  <Option value="disabled" disabled>Disabled</Option>
  <Option value="Yiminghe">yiminghe</Option>
</Select>

Chakra UI
https://chakra-ui.com/docs/components
https://chakra-ui.com/docs/components/select
https://chakra-ui.com/docs/components/menu