Radio

Accessible, ecosystem-agnostic native radio primitive
Access to Fuegokit npm packages, source code repositories, and some content is limited to Appfire staff. Log in with Slack to continue.

An ecosystem-agnostic, accessible radio button primitive that can be styled as needed.

Use radio buttons as a checkable input associated with other radio buttons, only one of which can be checked at a time.

Use in a radio group.

Import

import { Radio } from "@fuegokit/react";

If the user needs to select more than one option in a list, use a Checkbox.

Usage

Accessibility

Individual radio buttons must have a visual label. If the radio group does not have a visible label, an aria-label or aria-labelledby prop must be passed instead to identify the element to assistive technology.

See also