Build accessible collapsible sections in React using Zag.js Accordion components.
npx skills add https://github.com/TechsioCZ/new-engine --skill accordion-usage
Please help me install this Agent Skill. Skill: accordion-usage Source: https://github.com/TechsioCZ/new-engine/tree/main/libs/ui/skills/accordion-usage Command: npx skills add https://github.com/TechsioCZ/new-engine --skill accordion-usage
Provide a cohesive, accessible way to implement collapsible content sections in React apps using Zag.js-backed compound accordion components.
Import the Accordion component from the UI kit and render an example with Accordion.Item, Accordion.Header, and Accordion.Content.
High-intent search queries and answers about installing and using this skill.
Yes, you can control accordion behavior using the multiple and collapsible props. The multiple prop allows several accordion items to remain open simultaneously, while the collapsible prop enables users to toggle open items closed.
Structure collapsible FAQ panels using a compound component anatomy with Accordion.Item, Accordion.Header, and Accordion.Content. This pattern ensures accessible expandable content sections that integrate seamlessly into your React design system.
Yes, the accordion component supports variant, shadow, and size props to control presentation and visual styling. These props allow you to customize the accordion's appearance within your React UI kit.
Use a compound accordion component for settings panels when you need a cohesive, accessible way to organize expandable content. The compound anatomy with optional indicators and subheaders provides consistent structure for complex documentation or configuration sections.
TechsioCZRender labeled single or multiple selects with Zag.js in React apps.
jiaiyanManage collapsible content panels in Naive UI applications.
TechsioCZImplement accessible dialogs with UI Kit and Zag.js in React apps.
hugoduncanCreate interactive hierarchical collapsible section-based UIs in Emacs buffers.
