AppBar
AppBar Component
Playground
My Application
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| title | text | — | |
| position | selectstatic | fixed | sticky | — | |
| elevation | boolean | — |
Default
My Application
WithElevation
Elevated Bar
Sticky
Sticky Bar
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
elevation | boolean | — | Box shadow elevation |
position | select | — | Positioning mode |
title | text | — | Title text |
Using AppBartsx
import { AppBar } from '@/components/AppBar'
<AppBar
title="..."
position="..."
elevation="..."
/>Tokens Used
No design tokens detected