-
Getting Started
Getting Started
-
Button
Actions Button
-
Icon Button
Actions Icon Button
-
Bottom Sheet
Containers & layout Bottom Sheet
-
Dialog
Containers & layout Dialog
-
Drawer
Containers & layout Drawer
-
Dropdown
Containers & layout Dropdown
-
Accordion
Content display Accordion
-
Avatar
Content display Avatar
-
Carousel
Content display Carousel
-
List
Content display List
-
Table
Content display Table
-
Authenticator
Forms & selection controls Authenticator
-
Checkbox
Forms & selection controls Checkbox
-
Chip
Forms & selection controls Chip
-
Input
Forms & selection controls Input
-
Radio
Forms & selection controls Radio
-
Segmented Control
Forms & selection controls Segmented Control
-
Select
Forms & selection controls Select
-
Switch
Forms & selection controls Switch
-
Textarea
Forms & selection controls Textarea
-
Badge
Indicators & status Badge
-
Circular Progress
Indicators & status Circular Progress
-
Linear Progress
Indicators & status Linear Progress
-
Loader
Indicators & status Loader
-
Placeholder
Indicators & status Placeholder
-
Tag
Indicators & status Tag
-
Alert
Messaging & feedback Alert
-
Snackbar
Messaging & feedback Snackbar
-
Tooltip
Messaging & feedback Tooltip
-
Breadcrumb
Navigation Breadcrumb
-
Menu
Navigation Menu
-
Pagination
Navigation Pagination
-
Tab List
Navigation Tab List
List
- Label 1
- Label 2
- Label 3
<.list > <.list_item> Label 1 </.list_item> <.list_item> Label 2 </.list_item> <.list_item> Label 3 </.list_item> </.list>
- Label 1
- Label 2
- Label 3
<.list > <.list_item> <.icon name="star" /> Label 1 <:meta> <.icon name="star" /> </:meta> </.list_item> <.list_item> <.icon name="star" /> Label 2 <:meta> <.icon name="star" /> </:meta> </.list_item> <.list_item> <.icon name="star" /> Label 3 <:meta> <.icon name="star" /> </:meta> </.list_item> </.list>