On this page

RadioButtonGroup

Implements mixins RequiredInputMixin and BasicInputMixin.

We will be using the following options:

js

const radioOptions = [
  { name: 'email', value: 'EMAIL', label: 'E-mail' },
  { name: 'phone', value: 'PHONE', label: 'Phone' }
]

html

<Card>
    <Form>
        <RadioButtonGroup name="contact" label="Select preferred way of contact" :inputValues="radioOptions" />
    </Form>
</Card>

Props

horizontal: puts radio buttons on horizontal instead of vertical.

html

<Card>
    <Form>
        <RadioButtonGroup name="contact" label="Select preferred way of contact" horizontal :inputValues="radioOptions" />
    </Form>
</Card>

Emits

@input. Native event emit.

@inputField. Custom event emit.

@change. Native change emit.

@changeField. Custom change emit.