Skip to content

Kirby 3.7.5

Radio field

<k-radio-field>

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