1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. fluid
  3. Settings Dialog (Sidebar In A Dialog)

Settings Dialog (Sidebar In A Dialog)

block

A settings dialog: the xl Dialog as a canvas, a non-collapsing Sidebar of sections down its left edge, and a scrolling panel of controls — switches, selects, and an input group. Below the sm breakpoint a Select takes over navigation.

pnpm dlx shadcn@latest add "https://www.fluidfunctionalism.com/r/dialog-sidebar.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore
  • utils
  • font-weight
  • icon-context
  • dialog
  • sidebar
  • scroll-area
  • button
  • switch
  • select
  • input-group
  • type-scale
components/dialog-sidebar/settings-dialog.tsx