Skip to main content
/
/
/
RadioCard

RadioCard

Radio button card

import RadioCard from "@intility/bifrost-react/RadioCard";
Props

For convenience, <RadioCard> is provided as an alias for <CheckboxCard type="radio">. Otherwise, it functions exactly the same as <CheckboxCard>.

Basic usage

See <CheckboxCard> for more examples.

Inactive state

Use state="inactive" for a focusable, tooltip-friendly replacement for disabled. The card chrome stays at full opacity; only the radio icon dims. See <CheckboxCard> for the full pattern.

Controlled mode

You can bind a RadioCard to a boolean state using the checked prop and update your state every time the onChange event is triggered.