Index

mmo-radio

1 symbol · generated 5 Oct 2026

element

mmo-radio

mmo-radio.jhs:1

Radio element to display a radio group to select a value

<mmo-radio readonly value required></mmo-radio>
Extends
CustomShadowElement
config : { label: "Choose a side", // label of the field (optionnal) values: { // list of values for our inputs "left": { icon: "side-left", // mmo-icon to display class: "" // class(es) for the mmo-icon (optionnal) }, "right": { icon: "side-right", }, "top": { icon: "side-top", }, "bottom": { icon: "side-bottom", } } }

Index

readonlyif true, the radio is readonly
valuethe value of the radio
requiredif true, the radio is required
configthe config of the radio
ViewDefault static readonly accessor
config accessorGet the config of the radio
required accessorGet the required of the radio
value accessorGet the value of the radio
readonly accessorGet the readonly of the radio
constructor()
init()
updateInputs()Update the inputs of the radio Add or remove the readonly class to the labels and inputs
onKeyDown(event)Allow to select the radio by pressing the space key
onInputChange(event)On input change, set the value of the radio
.highlightedadd a border to the radio
.sreduce the gap between the radio inputs

Attributes4

Properties5

config

accessormmo-radio.jhs:96

Get the config of the radio

get config() set config(value)
Type
object

required

accessormmo-radio.jhs:112

Get the required of the radio

get required() set required(value)
Type
boolean

value

accessormmo-radio.jhs:128

Get the value of the radio

get value() set value(value)
Type
string

readonly

accessormmo-radio.jhs:153

Get the readonly of the radio

get readonly() set readonly(value)
Type
boolean

Methods5

updateInputs()

mmo-radio.jhs:72

Update the inputs of the radio Add or remove the readonly class to the labels and inputs

updateInputs()

onKeyDown(event)

mmo-radio.jhs:169

Allow to select the radio by pressing the space key

onKeyDown(event)
eventKeyboardEvent- The event

onInputChange(event)

mmo-radio.jhs:180

On input change, set the value of the radio

onInputChange(event)
eventEvent- The event

CSS hooks2