@nextcloud/vueNcActionRadio
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| id | id attribute of the radio element | string | - | () => 'action-' + GenRandomId() |
| checked | checked state of the the radio element | boolean | - | false |
| name | Define if this radio is part of a set. Checking the radio will disable all the others with the same name. | string | - | |
| value | value of the radio input | string|number | - | '' |
| disabled | disabled state of the radio element | boolean | - | false |
Events
| Event name | Properties | Description |
|---|---|---|
| update:checked | Emitted when the radio state is changed | |
| change | Emitted when the radio state is changed |
Slots
| Name | Description | Bindings |
|---|---|---|
| default |
This component is made to be used inside of the NcActions component slots. Usually, you will provide a name prop to bind the radio together. So that only one of each name set can be selected at the same time.
vue
<NcActions>
<NcActionRadio @change="alert('(un)checked !')" name="uniqueId">First choice</NcActionRadio>
<NcActionRadio value="second" name="uniqueId" @change="alert('(un)checked !')">Second choice</NcActionRadio>
<NcActionRadio :checked="true" name="uniqueId" @change="alert('(un)checked !')">Third choice (checked)</NcActionRadio>
<NcActionRadio :disabled="true" name="uniqueId" @change="alert('(un)checked !')">Second choice (disabled)</NcActionRadio>
</NcActions>