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 & Forms01 / 34

Button

Primary actions, secondary controls, and destructive confirmations across four variants and six sizes.

Variants

Four emphasis levels from primary CTAs to destructive removal. Outline is the default when variant is omitted.

  • Primary

    variant="primary"

  • Outline

    variant="outline"

  • Ghost

    variant="ghost"

  • Destructive

    variant="destructive"

Scale

Three text heights and matching icon-only squares. Product UI stays on default unless density demands sm.

  • Small

    size="sm"

  • Default

    size="default"

  • Large

    size="lg"

Placement

Common pairings from agent registration, settings, and transcript toolbars.

  • Form footer

  • Icon toolbar

Interaction

No built-in loading prop — compose Spinner as a child. Press uses active scale on the control.

  • Disabled

    disabled

  • Loading

  • Icon loading

    size="icon"