Skip to content
Acme
Components

A library of 34 primitives, composed for real product interfaces.

Base UI-backed components with consistent tokens, accessible states, and restrained interaction details.

Inputs & Forms02 / 34

Input

Single-line text fields with states, sizes, and composed input groups.

Input

Single-line fields on card surfaces. No hover tint — focus ring only.

  • Default

  • Disabled

    disabled

  • Invalid

    aria-invalid

Scale

Heights align with button sm, default, and lg.

  • Small

    size="sm"

  • Default

    size="default"

  • Large

    size="lg"

Input group

Shared border and focus ring across InputGroupInput, addons, and group buttons.

  • Text prefix

    agents/

  • Icon prefix

  • Password

    type="password"

  • End action

  • Textarea

    Notes

Types

Native type attribute on Input and InputGroupInput.

  • URL

    type="url"

  • Email

    type="email"

  • Number

    type="number"