# Forms — Unless design system

Components

# Forms
  [Inputs](/en/design/components/forms/)[States](/en/design/components/forms/states/)[Usage](/en/design/components/forms/usage/)
## Form states — default, focus, error, disabled

Each state of a single text input, side by side. Focus rings inset to keep the input's footprint stable; error swaps the ring to danger red and surfaces a specific message beneath.
    Default    Focus    Error  That doesn't look like an email.   Disabled           [Forms · Inputs](/en/design/components/forms/)     [Forms · Usage](/en/design/components/forms/usage/)