Skip to content

VRadioGroup

Props

NameTypeDescription
disabledbooleanDisables the radio group and child radios.
error-textstring
helper-textstringProvides additional information to help the user enter the correct information. To add HTML to the helper text, use the helper-text slot instead.
labelstringThe label for the radio group
namestringThe name of the radio group. Setting this value will set the name value for all child radio elements.
orientationEnum:
horizontal
vertical
horizontal
vertical
The orientation of the group
readonlybooleanWhen true, the child radios will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly
requiredbooleanWhen true, the radio group and all its radio buttons will be required
valuestringThe value of the checked radio

Events

NameEvent TypeDescription
blurFocusEventFires when the element loses focus.
changeCustomEvent<undefined>Fires a custom 'change' event when the value changes
clickMouseEventFires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
focusFocusEventFires when the element receives focus.
inputEventFires when the value of an element has been changed.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.

Slots

NameDescription
defaultDefault slot.
helper-textDescribes how to use the text-field. Alternative to the helper-text attribute.

Methods

NameTypeDescription
nameChanged() => void