Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Component Dev

Component Dev

861e71f9f52486eb8bba75261a923004?s=128

Azizi Yazit

November 12, 2020
Tweet

Transcript

  1. Design System Component Library Spacing System Theme Provider Color System

    Layout • Button • Dropdown • Radio • Checkbox • Switcher • Tag • etc A T O M • Modal • Tabs • Accordion • Table • Breadcrumbs • Pagination • Carousel M O L E C U L E S • 4-pixel-base • <Theme /> • Color Variables • Grid • Flex-box • Box • Row • Col Basic Design System Team A Team B Team C Basic Design System Provider-Consumer Provider Design System Consumer Design System Consumer Design System Consumer Design System • Basic Component • Compound Component • Headless component Design System Models Centralised Federated CSS Architecture CSS Tools Bootstrap Material Design AntD Design System tools Design System Style-Guide SGDD Web Components