Radio Element

An element used to render radio button.

Examples
- Basic Usage
- Controlled Radio
Options
Properties

#Examples

Basic Usage

Render a radio button.

          
<script>
  export default {
    mixins: [Laraform],
    data: () => ({
      schema: {
        radio: {
          type: 'radio',
          text: 'Radio button'
        },
        radio2: {
          type: 'radio',
          text: 'Radio button',
          default: 1
        },
        radio3: {
          type: 'radio',
          text: 'Radio button',
          disabled: true
        },
        radio4: {
          type: 'radio',
          text: 'Radio button',
          default: 1,
          disabled: true
        },
      }
    })
  }
</script>

Controlled Checkbox

Radio properties controlled via it's API.

          
<script>
  export default {
    mixins: [Laraform],
    data: () => ({
      schema: {
        radio5: {
          type: 'radio',
          text: 'Radio button'
        },
      },
      buttons: [
        {
          label: 'Check',
          prevent: true,
          class: 'btn-primary btn-xs',
          onClick() {
            this.form$.el$('radio5').check()
          }
        },
        {
          label: 'Uncheck',
          prevent: true,
          class: 'btn-primary btn-xs',
          onClick() {
            this.form$.el$('radio5').uncheck()
          }
        },
        {
          label: 'Disable',
          prevent: true,
          class: 'btn-primary btn-xs',
          onClick() {
            this.form$.el$('radio5').disable()
          }
        },
        {
          label: 'Enable',
          prevent: true,
          class: 'btn-primary btn-xs',
          onClick() {
            this.form$.el$('radio5').enable()
          }
        },
      ]
    })
  }
</script>

#Options

Name	Type	Description
text	`string`	Text appears next to the radio.
value	`str\|num\|bool`	Value of the radio button.
fieldName	`string`	Name to be used for the radio input name attribute.
default	`string`	Value of element when the form is initially loaded or reseted.
disabled	`boolean`	Whether the field is disabled.

#Properties

Name	Type	Default	Description
disabled	`boolean`	`false`	Whether the field is disabled.
text	`string`	`null`	Text appears next to the radio.
radioValue	`str\|num\|bool`	`'1'`	Value of the radio button.
defaultValue	`str\|num\|bool`	`null`	Value of element when the form is initially loaded or reseted.
fieldName	`string`	`null`	Name of the input field.

#Methods

# .disable()

Disabled the field.

# .enable()

Enables the field.

# .check()

Checks the radio.

# .uncheck()

Unhecks the radio.