Skip to content

VRadioGroup

Props

NameTypeDescription
disabledbooleanWhether the input element is disabled
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.
labelstringLabel of the 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
Sets axis on which the tabs are aligned
readonlybooleanWhen true, the child radios will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly
requiredbooleanSets the required state
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