Widget | Dedicated page | When to choose it |
|---|---|---|
Modal | A blocking dialog should appear above the main interface | |
ModalAction | Supporting action definition for modal footers | |
Popover | A panel should anchor to another element | |
Drawer | A larger side panel should slide in | |
DrawerSide | Supporting type for drawer placement | |
Tooltip | Small explanatory overlay on hover or focus | |
Toast | Temporary notification overlay | |
ToastKind | Supporting toast style type | |
Portal | Low-level portal registration widget | |
Menu | Menu surface | |
MenuButton | Button that opens or owns a menu | |
MenuItem | One menu entry |
Widget | Dedicated page | When to choose it |
|---|---|---|
Tabs | Peer sections should switch in the same area | |
TabItem | Supporting tab definition | |
Accordion | Sections should expand and collapse in place | |
AccordionItem | Supporting accordion entry | |
Breadcrumb | Show hierarchical navigation path | |
BreadcrumbItem | Supporting breadcrumb entry | |
Pagination | Move through paged content | |
Route | Define one route mapping | |
RouteParams | Access parsed route parameters | |
Router | Choose which routed content should build |
Widget | Dedicated page | When to choose it |
|---|---|---|
Hero | Shared-element transition between states or routes | |
Transition | Animated transition wrapper | |
FocusScope | Keep focus behavior bounded within a region |