Render labeled single or multiple selects with Zag.js in React apps.
npx skills add https://github.com/TechsioCZ/new-engine --skill select-usage
Please help me install this Agent Skill. Skill: select-usage Source: https://github.com/TechsioCZ/new-engine/tree/main/libs/ui/skills/select-usage Command: npx skills add https://github.com/TechsioCZ/new-engine --skill select-usage
Provide a consistent, reusable Select UI in React projects using the @techsio/ui-kit and Zag.js, eliminating ad-hoc implementations and ensuring accessibility-friendly structure.
Create a basic Select using the library, provide items, and render it with a label and trigger for user selection.
High-intent search queries and answers about installing and using this skill.
Implement an accessible React select dropdown using Zag.js by leveraging the @techsio/ui-kit core Select API. It maintains a complete anatomy of Label, Trigger, ValueText, Positioner, and Item components to ensure predictable behavior.
Yes, you can use this Select component for multiple selection in a React form. It supports both single and multiple selections via array-based values, alongside props like size and validateStatus for proper form integration.
To render a labeled select with validation state, you need to provide props such as items, size, and validateStatus. The component uses the core Select API from @techsio/ui-kit and Zag.js integration to render correctly.
Yes, this dropdown UI kit requires the core Select API from @techsio/ui-kit and Zag.js integration to function correctly. It is specifically designed for React projects to eliminate ad-hoc select implementations.
The best way to standardize dropdown UI across React dashboards is using a component library like @techsio/ui-kit with Zag.js. It provides a consistent Select anatomy, eliminating ad-hoc implementations and ensuring an accessible structure.
TechsioCZCoordinate multi-step UI workflows with Zag.js Steps and @techsio/ui-kit components.
TechsioCZRender accessible searchable Combobox selections in React forms with Zag.js.
TechsioCZRender accessible labeled checkboxes with validation using FormCheckbox and ZagJS.
TechsioCZImplement exclusive option selection in React forms with Zag.js and @techsio/ui-kit.
