Basic Form Elements
Essential form controls for building user-friendly interfaces.
Text Input Fields
Standard text input controls
Your first name as it appears on official documents
Your last name or surname
We'll never share your email with anyone else
Include country code for international numbers
Full address including city and postal code
Brief description or biography (optional)
Selection Controls
Dropdown, radio, and checkbox inputs
Select your primary department
Your current academic semester
Your current enrollment status
Select additional services you need
Form States & Styling
Different input states and styling options
This is a normal input field
This input has focus styling
This input is disabled
This input is read-only
This looks good!
Please provide a valid input.
Input Groups & Sizing
Input groups with icons and different sizes