Component Dev

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