Forms
15 componentsAccessible form components powered by Radix UI primitives — inputs, selects, checkboxes, sliders, file uploads, and form infrastructure.
@ninna-ui/formspnpm add @ninna-ui/formsRequires @ninna-ui/core (auto-installed) + CSS setup.
Features
- ✓20 form components and utilities
- ✓Radix primitives for Checkbox, Radio, Select, Slider
- ✓Built-in form validation integration
- ✓Controlled and uncontrolled modes
- ✓Full keyboard navigation
- ✓ARIA-compliant with screen reader support
- ✓FormControl context for custom components
- ✓8 color variants for focus states
Components
Input
Text input with variants, sizes, colors, and addon support.
Textarea
Multi-line text input with auto-resize option.
Checkbox
Radix-powered checkbox with indeterminate state and group support.
CheckboxGroup
Group of checkboxes with shared state and select-all support.
Switch
Toggle switch with on/off states and label positioning.
RadioGroup
Radix-powered radio buttons with card variant for rich selection.
Select
Radix-powered dropdown select with search, groups, and custom items.
Slider
Range slider with marks, tooltips, and multi-thumb support.
NumberInput
Numeric input with increment/decrement buttons and min/max.
PinInput
One-time code input with auto-focus and paste support.
FileUpload
Drag-and-drop file upload with preview and validation.
Field
Form field wrapper with label, help text, and error message.
FormControl
Low-level form control context for custom form components.
FormGroup
Semantic fieldset grouping for related form fields with legend, description, and direction.
InputGroup
Input with left/right addons for icons, text, or buttons.
Quick Start
import { Input, Textarea, Checkbox } from "@ninna-ui/forms";