Skip to content

Latest commit

 

History

History
45 lines (37 loc) · 2.45 KB

File metadata and controls

45 lines (37 loc) · 2.45 KB

Components

Stimulus-backed interactive widgets (stl interaction profile).

Handbook index

Component Description
Alert dialog enhanced Modal confirmation with focus trap
Bento box panel interactive Interactive category link grid
Calendar Date picker grid
Carousel interactive Touch-friendly sliding panels
Collapsible Single-panel disclosure
Command palette Keyboard command search
Context menu Right-click action menu
Drawer Edge-mounted overlay panel
Dropdown menu Action menu from trigger
Filter chips Removable filter tags
Hover card Hover-revealed preview card
Input OTP One-time code input cells
Menubar Desktop-style menu bar
Navigation menu Mega-menu navigation
Rating Star rating input
Resizable Drag-to-resize split panels
Scheme switch Light/dark theme toggle
Sheet Side slide-over panel
Sidebar Application sidebar chrome
Slider Range input control
Stacked layout interactive Resizable stacked panels
Table of contents In-page scroll-linked TOC
Tabs Tabbed content panels
Toast Transient notification stack
Toggle Pressable on/off control
Toggle group Group of toggle buttons
Tree view Expandable tree navigation

Requires ux-blocks-core, ux-blocks-form, and ux-blocks-extended for primitives inside compounds.

Using components

Twig components use the blocks.int.* fragment prefix. See Quick start for layout setup.

Family navigation

On the docs site, open Components in the left nav for tier overviews and per-role pages across the UX Blocks family.