Input Form ✨
Complete form component collection with validation, error handling, and TypeScript support.
Quick Start
Import components:
import TextInputField from '@/components/Form/TextInputField';
import CheckBox, { CheckBoxGroup } from '@/components/CheckBox';Basic input:
<TextInputField
label="Email"
type="email"
placeholder="you@example.com"
value={email}
onChange={(e) => setEmail(e.target.value)}
/>Input Types
Mandatory*
%
$
Supporting text goes here!
Input Sizes
Input States
Sounds good!
Select
Checkbox
Tabs
This is the content for Tab 1.
Radio
Selected value: option1
Toggle Switch
Off
Off
On
Disabled