Radio

Custom radios that use the color and surface tokens from the design system. Compatible with light and dark mode, fully accessible, and with complete focus and disabled support.

Grouped radios sharing the same selected value.

Default option

Primary option

Secondary option

Accent option

Selected: primary

Preview of all Gatzi system colors.

Active color: primary

Disabled state with reduced opacity and no interaction.