Skip to main contentSkip to left navigationSkip to headerSkip to footer

Passport UI

Compact UI Components

Getting Started
  • Installation
  • Color System
  • Font & Typography
Layout Containers
  • Page Layout
  • Sidebar Container
  • Content Container
  • Header Container
  • Footer Container
Providers
  • ThemeProvider
Components
  • Accordion
  • Alert
  • Alert Dialog
  • Analytics
  • Aspect Ratio
  • Avatar
  • Badge
  • Blockquote
  • Breadcrumb
  • Bullet List
  • Button
  • Calendar
  • Card
  • Carousel
  • Checkbox
  • Code Block
  • Collapsible
  • Combobox
  • Command
  • Context Menu
  • Date Picker
  • Dialog
  • Drawer
  • Dropdown Menu
  • Form
  • Hover Card
  • Input
  • Input OTP
  • Label
  • LiveRegion
  • Markdown
  • Menubar
  • Navigation Menu
  • Pagination
  • Popover
  • Prefetch Link
  • Progress
  • Radio Group
  • Resizable
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Sidebar
  • Skeleton
  • Slider
  • Sonner
  • Structured Data
  • Switch
  • Table
  • Tabs
  • Textarea
  • Toggle
  • Toggle Select
  • Tooltip
  • VisuallyHidden
Hooks
  • useIsMobile
  • useScroll
Composables
  • Empty State
  • Mobile Sidebar Trigger
  • Theme Button
  • Theme Toggle
Motion Primitives
  • Animated Background
  • Blur In
  • Sequential Reveal
  • Typewriter Text
v1.0.45

Composables

  1. Home
  2. Composables

Composables

Browse all composables available in the Passport UI library. Click on any component to view examples, documentation, and code snippets.

Empty State

A placeholder for sections that have no content to display.

Mobile Sidebar Trigger

A button for opening and closing the sidebar on mobile devices.

Theme Button

A button for toggling between light and dark themes.

Theme Toggle

A dropdown for selecting a light, dark, or system theme.

Storybook ↗GitHub ↗npm ↗