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
Action bar
Component
Action bar is a container for primary and secondary actions related to the current screen or context within an application. Located typically at the top or bottom of the interface, the Action bar can contain elements like menu options, navigation buttons, title, or search field. Action bar content and layout can change based on the context, providing a dynamic way to interact with the app. It also maintains a consistent place for actions across different screens, aiding in usability and user learning. By centralizing primary actions and controls, the Action bar component enhances navigation efficiency and overall user experience.
Properties (Cooming Soon)
Design Systems (3)
Microsoft Fluent 2
Google Material
Carbon Design