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
App bar
Component
App bar is a horizontal bar located at the top of an application interface. It serves as the primary navigation header and typically contains elements like the application logo, page title, navigation links, and essential actions. It might also incorporate a search bar or other context-specific actions.
App bar often remains fixed when users scroll, keeping crucial navigation options within easy reach. This component plays a key role in defining the overall user interface architecture, providing consistency across different views, and contributing significantly to user orientation and a smooth, efficient user experience.
Properties (Cooming Soon)
Design Systems (3)
Microsoft Fluent 2
Google Material
Carbon Design