README

UX Blocks Interactive

Stimulus-backed interactive widgets

Note

Read-only mirror. See CONTRIBUTING.md for how to propose changes.

Features

27 interactive roles — tabs, drawers, menus, toasts, and scheme switch
Client widgets (stl) — package Stimulus controllers with ui-kernel styling
Registry-aligned — blocks.int.* fragment ids
Requires extended tier — compounds from symfinity/ux-blocks-extended
Flex recipe — bundle and Stimulus assets on install

Interaction profile

Token	In this package
`stl`	Default for all roles — Stimulus widgets with package CSS
`runtime`	Optional on `CommandPalette` when `symfinity/ux-runtime` is installed
`live`	Not included — LiveComponents ship in `symfinity/ux-blocks-live`

Component inventory

Role	Twig	Interaction	Fragment	Status
collapsible	Collapsible	stl	`blocks.int.collapsible`	shipped
tabs	Tabs	stl	`blocks.int.tabs`	shipped
alert-dialog-enhanced	AlertDialog	stl	`blocks.int.alert-dialog-enhanced`	shipped
drawer	Drawer	stl	`blocks.int.drawer`	shipped
sheet	Sheet	stl	`blocks.int.sheet`	shipped
dropdown-menu	DropdownMenu	stl	`blocks.int.dropdown-menu`	shipped
slider	Slider	stl	`blocks.int.slider`	shipped
toggle	Toggle	stl	`blocks.int.toggle`	shipped
toggle-group	ToggleGroup	stl	`blocks.int.toggle-group`	shipped
scheme-switch	SchemeSwitch	stl	`blocks.int.scheme-switch`	shipped
calendar	Calendar	stl	`blocks.int.calendar`	shipped
input-otp	InputOtp	stl	`blocks.int.input-otp`	shipped
sidebar	Sidebar	stl	`blocks.int.sidebar`	shipped
stacked-layout-interactive	StackedLayoutInteractive	stl	`blocks.int.stacked-layout-interactive`	shipped
command-palette	CommandPalette	stl, runtime	`blocks.int.command-palette`	shipped
toast	Toast	stl	`blocks.int.toast`	shipped
context-menu	ContextMenu	stl	`blocks.int.context-menu`	shipped
hover-card	HoverCard	stl	`blocks.int.hover-card`	shipped
resizable	Resizable	stl	`blocks.int.resizable`	shipped
menubar	Menubar	stl	`blocks.int.menubar`	shipped
navigation-menu	NavigationMenu	stl	`blocks.int.navigation-menu`	shipped
carousel-interactive	CarouselInteractive	stl	`blocks.int.carousel-interactive`	shipped
rating	Rating	stl	`blocks.int.rating`	shipped
filter-chips	FilterChips	stl	`blocks.int.filter-chips`	shipped
table-of-contents	TableOfContents	stl	`blocks.int.table-of-contents`	shipped
tree-view	TreeView	stl	`blocks.int.tree-view`	shipped
bento-box-panel-interactive	BentoBoxPanelInteractive	stl	`blocks.int.bento-box-panel-interactive`	shipped

Highlights: scheme switch for light/dark toggle; command palette UI chrome; sidebar and navigation menus.

Handbook: docs/index.md · 27 component pages.

Prerequisites

Add the symfinity/recipes Flex endpoint to your project's composer.json (see recipes README) — recipes are not in Symfony's official recipe repository yet.

Installation

composer require symfinity/ux-blocks-interactive

For the complete official catalog, use symfinity/ux-blocks-full.

See Installation.

Quick Start

<twig:Tabs>
  <twig:Header>Account</twig:Header>
</twig:Tabs>
<twig:SchemeSwitch />

See Quick start for the full walkthrough.

Documentation

Quick start — minimal setup path
Installation — Flex, dependencies, verify
Configuration — bundle and app options
Usage — day-to-day patterns
Upgrade — version migrations

symfinity / ux-blocks-interactive

Maintainers

Package info

Statistics

Security