Input Group
Basic Usage
Loading...
Installation
pnpm add @corew500/uiUsage
import { InputGroup } from "@corew500/ui/input-group"
<InputGroup>Content</InputGroup>Variants
inputGroupAddonVariants
| Axis | Values | Default |
|---|---|---|
| align | inline-startinline-endblock-startblock-end | inline-start |
inputGroupButtonVariants
| Axis | Values | Default |
|---|---|---|
| size | xssmicon-xsicon-sm | xs |
API Reference
Accessibility
Focus Management
- Focus ring encompasses entire group for visual clarity
Screen Readers
- - Has `role="group"` for semantic grouping
Additional
- Invalid state styling for form validation feedback