symfinity/ux-blocks-interactive
Composer 安装命令：
composer require symfinity/ux-blocks-interactive
包简介
Stimulus-backed interactive widgets
关键字：
README 文档
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
Requirements
- PHP 8.2 or higher
- Symfony 7.4 or 8.x
symfinity/ux-blocks-extended^0.1
Support
License
统计信息
- 总下载量： 0
- 月度下载量： 0
- 日度下载量： 0
- 收藏数： 0
- 点击次数： 5
- 依赖项目数： 0
- 推荐数： 0
其他信息
- 授权协议： MIT
- 更新时间： 2026-06-27