Radio Button

INFO

This component uses the radio button from PrimeVue. Its full documentation can be found here.

import { XerRadioButton } from "@xerius/codey-components";

Showcases

Default

Grouped / List

As Container

With Subcontent

Disabled (Grouped / List)

Invalid (Grouped / List)

Without Option Control

Note

Using a component directly without XerOptionControl or <label> requires you to place the correct aria-label on the underlying component input element.

Props

All props from the Prime Radio Button can be provided. The full documentation can be found here.

Events

All events from the Prime Radio Button can be provided. The full documentation can be found here.

Slots

All slots from the Prime Radio Button can be provided. The full documentation can be found here.

Automation Ids

A data-automation-id needs to be provided to the component as Prime Vue based components do not have a default data-automation-id.