Forms

Every field state, plus the vendor-backed pickers, selects, uploader and rich text editor, restyled onto the Metaroic token layer.

Text inputs

Default, focus, disabled, readonly, error and success states, in three sizes.

Small Medium (default) Large Disabled Readonly Error This field is required Success Looks good Textarea

Full name

Work email

Icon affixes and addon segments.

TZS

https://

A plain native select, plus Tom Select for single, multi, tags and remote search.

Native select Single (Tom Select) Multi-select Tags (create new) Remote search

Checkbox

Email notifications SMS notifications Disabled option

Radio

Billed monthly Billed annually

Switch

Marketing emails Two-factor auth

Discount threshold

Flatpickr, restyled onto the token layer.

Date Date & time Date range

Dropzone, restyled — drag files or click to browse (demo, nothing is uploaded).

Drop files here or click to browse Images and PDFs, up to 5 files

Tiptap, with a small custom toolbar.

Add or remove rows — e.g. invoice line items.

Move permissions between available and selected.

Available

Selected

New password

Auto-advances on entry, backspace moves back.

Client-side validation on submit, matching the error/success input states above.