Overview
- Getting Started
- Loading States
- Forms
- Feature Flags
- Portal
- Show
- For
- Text
- Toggle
- Local Storage
Actions
- Button
- Icon Button
Communication
- Admonition
- Accordion
- Avatar
- Notifications
- Progress Indicators
- Tag
- Tooltip
Containment
- Confirm Modal
- Prompt Modal
- CTA Modal
- Modaldeprecated
- Dialog
- Table
Navigation
- Menu
- Tabs
Selection
- Drag & Drop
- Checkbox
- Date Picker
- Radio
- Rating
- Select
- Combobox
- Switch
Inputs
- Field
- Input
- Textarea
- Labeldeprecated
- Fieldset
- Field Messagedeprecated
- File Uploader
Hooks & Helpers
- split-props
- trap-focusdeprecated
- use-root-colors
- use-theme
- use-theme-context
- use-toggledeprecated
Menu
Menus let users choose from a list of destinations or actions.
Usage
Standard Menu
Positions
Menus provide access to destinations and app functionality, such as switching accounts. They can either be permanently on-screen or opened and closed.
Responsive Layout
A product's navigation component should change to suit the window size class and form factor of the screen.
Modal navigation drawers can be used at any window size but are most common in compact and medium window sizes.
Standard navigation drawers are best for expanded, large, and extra-large window sizes.
Usage
Standard Menu
Positions
Menus provide access to destinations and app functionality, such as switching accounts. They can either be permanently on-screen or opened and closed.
Responsive Layout
A product's navigation component should change to suit the window size class and form factor of the screen.
Modal navigation drawers can be used at any window size but are most common in compact and medium window sizes.
Standard navigation drawers are best for expanded, large, and extra-large window sizes.
Usage
Standard Menu
Positions
Menus provide access to destinations and app functionality, such as switching accounts. They can either be permanently on-screen or opened and closed.
Responsive Layout
A product's navigation component should change to suit the window size class and form factor of the screen.
Modal navigation drawers can be used at any window size but are most common in compact and medium window sizes.
Standard navigation drawers are best for expanded, large, and extra-large window sizes.
Usage
Standard Menu
Positions
Menus provide access to destinations and app functionality, such as switching accounts. They can either be permanently on-screen or opened and closed.
Responsive Layout
A product's navigation component should change to suit the window size class and form factor of the screen.
Modal navigation drawers can be used at any window size but are most common in compact and medium window sizes.
Standard navigation drawers are best for expanded, large, and extra-large window sizes.