Gesso
Components

Radio group

Mutually exclusive options, composed with Field. Inner mark morphs square to circle.

A Radix radio group ported from Atlas. Compose RadioGroupItem with Field — do not ship a floating control without a label. Atlas filled the inner mark with --input (ICS remaps that slot to primary; dry --input is the field border), so the remap is bg-primary. The inner mark spins from a square to a circle on select.

With description

FieldRow align="start" plus FieldContent stacks the helper under the label. The control sits on the first line (leading-5).

Standard spacing for most use cases.

More space between elements.

Minimal spacing for dense layouts.

Fieldset

FieldSet / FieldLegend name the group for assistive tech.

Subscription plan

Yearly and lifetime plans offer significant savings.

  • :focus-visible ring, never a bare :focus. outline-hidden for forced-colors.
  • Coarse pointers get a 44px hit slop around the 20px visual.
  • Reduced motion shortens the inner-mark morph.

Install

shadcn add @gesso/radio-group

Checkbox

A 20px check control on the primary, with a 44px coarse hit area.

Select

Single-choice menu on the field surface. Trigger matches Input.

On this page

With descriptionFieldsetInstall