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
Drawer
Component
Drawer is a navigational panel that slides in from the edge of the screen, overlaying the main content. It provides a space for secondary content, actions, or navigation links, ensuring the main content remains uninterrupted.
Drawers are usually triggered by a user action, such as clicking a button or swiping. They can be dismissed by interacting with the main content, closing the drawer manually, or sometimes, selecting an item within the drawer. Used effectively, a Drawer provides an organized, space-efficient method to navigate or access additional content without cluttering the primary interface, thus enhancing the user experience.
Properties (Cooming Soon)