Theme

Getting started

Breaking Changes

Style Utilities

DescriptionList

OptionCardGroup

SegmentedControl

FormattedDateTime

FormattedRelativeTime

KeyboardShortcut

StatusIndicator

ConfirmationModal

Combobox with Add New

Inline Form Controls

Refinement levers

Search with DropdownMenu

Ember Floating UI

Ember prop spreading

PopoverPrimitive

Componentsv2.170.1

Iconsv1.15.0

MCPv0.8.18

Tokensv0.34.1

Radio

Aria pattern Legacy component

The Radio component renders a radio input, which allows selecting an option from a group of options. Usually you'll want to use the Radio component along with the RadioGroup component.

Usage

import { PlumaTestHelpers } from '@customerio/pluma-components/react/test-helpers/pluma-test-helpers'

const radio = PlumaTestHelpers.extract('Radio', screen.getByRole('radio', { name: 'Option A' }));

Test Helpers

`RadioTestHelpers`

`click`() `=> Promise<void>`

Clicks the radio

`getIsChecked`() `=> boolean`

Checks if the radio is checked

`getIsDisabled`() `=> boolean`

Checks if the radio is disabled

`getLabel`() `=> string`

Gets the label text of the radio

`getName`() `=> string | undefined`

Gets the name attribute of the radio

`getValue`() `=> string | undefined`

Gets the value attribute of the radio

`isChecked`
(
`checked:boolean = true`
)
`=> boolean`

Whether the radio checked state matches the expected state

On this page