# Form

> Form

- Skill: `reaviz/form` (Agent Skill)
- Install (CLI): `npx skillmds@latest add reaviz/form`
- Raw SKILL.md: https://api.skillmd.com/api/skills/reaviz/form/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: reaviz (https://skillmd.com/u/reaviz)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/reaviz/form

---

# Form

Input and control components for building forms and capturing user data. Includes text inputs, selects, date pickers, checkboxes, radios, toggles, and range sliders.

## Components

| Component | Description |
|-----------|-------------|
| **Calendar** | Date picker with day/month/year views, range, time, presets, min/max |
| **Checkbox** | Animated checkbox with SVG marks, label, intermediate state |
| **DateInput** | Text input with calendar popup, single date or range, presets |
| **Input** | Text input with start/end adornments, sizes, error state |
| **DebouncedInput** | Input with debounced onChange (wraps Input) |
| **InlineInput** | Auto-sizing inline input that grows with content |
| **Radio** | Radio button with animated indicator and label |
| **RadioGroup** | Manages selection across multiple Radio buttons via context |
| **RangeSingle** | Single-handle slider for value selection |
| **RangeDouble** | Dual-handle slider for range selection |
| **Select** | Dropdown with search, keyboard nav, multi-select, creatable options |
| **Textarea** | Auto-resizing multi-line text input |
| **Toggle** | On/off switch with animated handle |