Field

Field — a CSS-first, fully-tokened Field component from SilicaUI. Accessible by default via Base UI, themeable with color × variant × size × shape props, and available in React, framework-neutral HTML, and a zero-dependency vanilla runtime. No runtime CSS-in-JS, no safelist.

Real use · required field with description

Full name

As it appears on your ID.

Non-input control via render (Textarea)

Bio

Shown on your public profile.

Disabled

Organization

Billing plan

Contact your admin to change this.

FieldStatus · attached (border+icon+message panel)

Please enter a valid email address.

Username

This username is already taken — try adding a number.

Website

URL is valid and reachable.

Status without message

Key

Key is required.

Immutable URL-safe identifier (lowercase, underscores).

Loading field

FieldStatus · floating (overlays instead of pushing sibling fields)

Next field (stays put either way)

FieldStatus · detached (for checkboxes/switches/custom controls)

This field is required

Your changes have been saved