Radio input

<k-radio-input>

• kirby/panel/src/components/Forms/Input/RadioInput.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.

Props

Prop	Type	Default	Description
autofocus	boolean	–
columns	number	–
disabled	boolean	–
id	number|string	function() { return this._uid; }
options	array	–
required	boolean	–
value	string|number|boolean	–

Events

Event	Description	Passes
input		–
invalid		undefined

Example

<k-input
    v-model="value"
    :options="[
        { value: 'a', text: 'Option A' },
        { value: 'b', text: 'Option B' }
    ]"
    name="radio"
    type="radio"
/>

CSS classes

.k-radio-input