Headline
Toolbar
Title
Responsive
Use Tailwind’s responsive design breakpoints to adjust for various screen sizes.
Title
Anatomy
<AppBar>
<AppBar.Toolbar>
<AppBar.ToolbarLead>
<AppBar.ToolbarCenter>
<AppBar.ToolbarTrail>
<AppBar.Headline>
API Reference
AppBar
Property | Type | Description |
---|---|---|
base | string | |
background | string | |
spaceY | string | |
border | string | |
padding | string | |
shadow | string | |
classes | string | |
ToolBar
Property | Type | Description |
---|---|---|
base | string | |
gridCols | string | |
gap | string | |
classes | string | |
ToolbarLead
Property | Type | Description |
---|---|---|
base | string | |
spaceX | string | |
padding | string | |
classes | string | |
ToolbarCenter
Property | Type | Description |
---|---|---|
base | string | |
align | string | |
padding | string | |
classes | string | |
ToolbarTrail
Property | Type | Description |
---|---|---|
base | string | |
spaceX | string | |
padding | string | |
classes | string | |
AppBarHeadline
Property | Type | Description |
---|---|---|
base | string | |
classes | string | |