A flexible tag selection component supporting single or multiple selection modes, featuring visual state indicators, clear and validate actions, and a customizable color-coded interface.
A dynamic tag group component featuring multi-selection and removal capabilities, built with React Stately for state management and accessible tag list rendering.
A tag group component featuring interactive, link-enabled tags that allow users to navigate to specific URLs, built with a clean, accessible list-based layout.
A selectable tag group component that displays a list of items as interactive badges, supporting multiple selection modes and label integration for form-based data input.
A tag group component featuring disabled states, supporting both key-based and individual tag-level disabling for selection-based UI interactions.
A controlled tag group component built with React Aria that supports multiple selection, state management, and dynamic rendering of selectable items with descriptive text feedback.
A tag input field component that allows users to add, manage, and display multiple text tags or coupon codes with keyboard-based entry support.
A disabled tag input field component featuring a label and a non-interactive text input area, designed for read-only or restricted form states.
A controlled tag input field component that supports real-time validation, character sanitization, and external state management for adding and removing items.
A customizable badge component featuring a circular shape variant, built with Tailwind CSS for clean, minimalist UI labeling and status indicators.
A collection of status badges featuring multiple intent-based color variants including primary, success, warning, and danger, designed for labeling and categorization in UI interfaces.
Select an Item to view its code
Choose an item from the list to view its code and files.