Search
One index across every family, plus the documentation. Press ⌘K anywhere for the command palette.
49 results for “form”
Components
15- CheckboxForms
Multi-select control with inline and card appearances, plus a genuine indeterminate state for bulk selection.
- ComboboxForms
A filterable single-select implementing the ARIA 1.2 combobox pattern, with active-descendant browsing that never moves focus out of the input.
- Date fieldForms
Native date, time, month and datetime entry on the shared control surface.
- FieldForms
The accessibility contract shared by every form control — label, help text, error, success and the ARIA wiring that connects them.
- File uploadForms
A drop zone that is fully operable from the keyboard, with local file listing, size validation and removal.
- InputForms
Single-line text entry with leading and trailing slots, three sizes and a shared control surface used by every other text control.
- OTP fieldForms
Segmented one-time-code entry that advances on type, steps back on backspace and fills every box from a single paste.
- Radio groupForms
Mutually exclusive choice, with a card appearance for decisions that need explanation.
- SelectForms
A styled native select with optional groups — the right choice whenever the option list is short and known.
- SliderForms
A range input with a token-painted track, live value read-out and custom value formatting.
- SwitchForms
An immediate on/off setting, with leading alignment for forms and trailing alignment for settings rows.
- TextareaForms
Multi-line entry on the shared control surface, with a resize affordance that respects the layout.
- DialogOverlay
A modal with focus trapping, scroll locking, Escape dismissal and focus return — in four sizes.
- PopoverOverlay
A non-modal layer with six CSS placements — the page behind stays interactive.
- Search fieldForms
A search input with a keyboard-reachable clear button and an optional shortcut hint.
Navigation
1Sections
4- Split contact sectionMarketing
Contact details on one side, the library's own contact form on the other.
- Newsletter with back issuesMarketing
Three recent issues shown as real links beside the form.
- Routed contact cardsMarketing
Four routes with explicit response expectations instead of one form.
- Waitlist heroMarketing
A hero whose only job is one email address, with validation and inline social proof.
Forms
28- Payment methodCommerce
Card entry with live formatting and a real Luhn checksum.
- Account profileProfile
A pre-filled settings form with a live avatar and a character budget.
- Billing detailsCommerce
Conditional VAT fields for business accounts, with cross-field required rules.
- Booking wizardBooking
Party size, then availability, then contact — with unavailable slots shown rather than hidden.
- Checkout wizardCommerce
Four steps with the order summary repeated on every one.
- Customer onboardingBusiness
Workspace creation with a live URL preview and a searchable region picker.
- Detailed contactContact
Routing metadata alongside the message, so an enquiry reaches the right team without triage.
- Forgot passwordAuthentication
A reset request whose success message deliberately does not confirm whether the account exists.
- Job applicationBusiness
One open question instead of a cover letter, with an optional CV and no demographic fields.
- LoginAuthentication
Email and password with a form-level rejection that does not reveal which half was wrong.
- Magic linkAuthentication
A one-field sign-in whose success state names the address and offers a correction path.
- Multi-step applicationOnboarding
Eligibility first, so nobody completes twenty questions before discovering they cannot apply.
- Notification settingsProfile
An event-by-channel matrix behind a master switch that disables rather than hides.
- Onboarding wizardOnboarding
Four steps ordered to minimise abandonment, with a skippable invite step and a review screen.
- Partnership enquiryBusiness
Multi-select partnership types as selectable cards, plus a substantive proposal field.
- PreferencesProfile
Immediate switches alongside saved selects, with the distinction made explicit.
- Promotion codeCommerce
The smallest form in the library, with a distinct message for each way a code can fail.
- Quote requestBusiness
A slider-driven live estimate, shown as a range with an explicit caveat.
- RegisterAuthentication
Account creation with a live password-strength meter that is announced as words, not bars.
- Reset passwordAuthentication
Two fields with a cross-field match rule and a strength meter.
- Sales enquiryContact
A qualification form that asks only what changes the conversation — and deliberately omits budget.
- Security settingsProfile
Password change, two-factor management and a session list with a guarded bulk action.
- Setup wizardOnboarding
A vertical technical configuration flow that generates its summary command from the entered values.
- Shipping addressCommerce
Country-aware postcode validation and autocomplete tokens on every field.
- Simple contactContact
Three fields with a live character budget and both minimum and maximum length rules.
- Support requestContact
Severity, area, reproduction steps and attachments — with the response time shown before submitting.
- Vendor onboardingBusiness
A compliance form grouped into panels, with country-aware identifiers and document upload.
- Verification codeAuthentication
An OTP flow with a resend cooldown and a failure state that does not clear the entered code.