Foundations
An infinite canvas
Components
An infinite canvas
Accordion
Action bar
Action Button
Action list
Alert banner
App bar
Avatar
Badges
Bottom sheet
Breadcrumb
Button
Button group
Cards
Checkbox
Chip
Combobox
Date picker
Date table
Dialog
Divider
Drawer
Dropdown
Field
Filter input
Help text
Icon
Inline message
Label
Link
List
Menus
Modal
Navigation bar
Page header
Pagination
Popover
Progress bar
Progress indicator
Radio button
Search
Segmented contol
Select
Sidebar
Slider
Snackbar
Switch
Tabs
Tag
Text area
Text field
Toast
Tooltip
Tree View
Patterns
An infinite canvas
Components
Code snippet
Pattern
Code Snippet used for presenting code examples in a clear, concise, and visually appealing manner, that can be easily copied and inserted into a code file. It enhances the communication between developers and designers by displaying code syntax in an easily readable format.
Code Snippet component proves crucial in any technical documentation, user guides, or design handbooks where code sharing is necessary. It improves the efficiency of collaborative work by facilitating code review and allowing the exploration of best coding practices.
Properties (Cooming Soon)
Design Systems (3)
Microsoft Fluent 2
Google Material
Carbon Design