Sticky App Bar

>npx @shavin/cli add nav-sticky-appbar
Code<TextField type="search" placeholder="Search transactions, merchants or categori…

September budgets

18 days left in the month. Spending is on pace in 7 of 9 categories.

Groceries

$612.40

of $750.00

Dining out

$148.20

of $250.00

Transport

$96.75

of $180.00

Installation via CLI

Add this block directly into your project codebase with all dependencies and tokens resolved:

npx @shavin/cli add nav-sticky-appbar

Token & Spatial Architecture

  • 100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
  • Concentric Radius: Set radius="concentric" on nested elements to auto-resolve inner radius from the container's padding.
  • Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.
Tags:#navigation#app-bar#header#search#app
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font