Radio

Represents a single option in a mutually exclusive list.

Import

import { MpRadio } from '@mekari/pixel3'

Playground

API

MpRadio

Props

Events

Slots

Name	Type	Default
id Id of radio.	string	-
name Name of radio.	string	-
value Value of radio.	string	-
model-value modelValue for group of radio.	array	-
is-checked If true, radio will be checked.	boolean	false
is-disabled If true, radio will be disable.	boolean	false
is-invalid If true, radio will be invalid.	boolean	false
is-read-only If true, radio will be read only.	boolean	false

Usage

Radio Group

With Description

Accessibility

WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/radio/

• Provide aria-label and or aria-labelledby for screen reader support.
• When checked, checkbox has aria-checked set to true.
• When not checked, checkbox has aria-checked set to false.
• When partially checked, checkbox has aria-checked set to mixed.