Radio field

<k-radio-field>

• kirby/panel/src/components/Forms/Field/RadioField.vue

This UI component hasn't been finalized yet. The functionality and syntax aren't stable and might be redone in an upcoming release. Only use it at your own risk - breaking changes are likely to occur.

Have a look at <k-field>, <k-input> and <k-radio-input> for additional information.

<k-radio-field
    v-model="value"
    :options="[
        { value: 'a', text: 'Option A' },
        { value: 'b', text: 'Option B' }
    ]"
    :required="true"
    label="Radio"
    name="radio"
    help="This is a radio field"
    @input="input"
/>

Props

Prop	Type	Default	Description
after	string	–
autofocus	boolean	–
before	string	–
columns	number	–
counter	boolean|object	–
disabled	boolean	–
endpoints	object	–
help	string	–
icon	string|boolean	–
id	number|string	function() { return this._uid; }
input	string|number	–
invalid	boolean	–
label	string	–
name	number|string	–
novalidate	boolean	false
options	array	–
required	boolean	–
theme	string	–
translate	boolean	–
type	string	–
value	string|number|boolean	null

Events

Event	Description	Passes
blur		–
focus		–

Slots

Slot	Description
after
before
counter
default
footer
header
help
icon
label
options

CSS classes

.k-radio-field