How to build standard components for your Design System
Curated list of articles to build the best possible components:
![](/mastery/assets/imgs/how-to-build-a-button.png.webp)
Buttons
The most iconic element of a design system.
![](/mastery/assets/imgs/how-to-build-a-context-menu.png.jpg)
Context-menus
They have many names : pop-up menus, dropdown menus or contextual menus.
![](/mastery/assets/imgs/how-to-build-a-card.jpg.jpg)
Cards
A container element for a wide variety of content.
![](/mastery/assets/imgs/how-to-build-a-date-picker.jpg.jpg)
Date and time pickers
An input element that will help the user easily select a date or time.
![](/mastery/assets/imgs/how-to-build-a-scrollbar.jpg.jpg)
Scrollbars
Bring your design system to the next level with custom scrollbars.
![](/mastery/assets/imgs/how-to-build-a-tab.jpg.jpg)
Tabs
An essential in any design system, they take many shapes and forms.