SolaceThermasol Design System
Brand
Scheme

Components

Form Controls

Inputs, fields, selections, and toggles — accessible, label-bound, and token-styled.

Text fields

As you'd like to be addressed.

Must be at least 8 characters.

Selection

Usage

import { Field, Input } from '@solace/ui';

<Field label="Email" htmlFor="email" required>
  <Input id="email" type="email" placeholder="jane@example.com" />
</Field>