@dpa-id-components/ui-radio-input

UiRadioInput Vue 2.x input component based on the dpa Design Kit

Installation

yarn add @dpa-id-components/ui-radio-input

Usage

<template>
  <UiRadioInput v-model="options" />
</template>

<script>
  import UiRadioInput from "@dpa-id-components/ui-radio-input";

  export default {
    components: {
      UiRadioInput,
    }

    data() {
      return {
        options: [
          { name: "Vor Ort Name", value: "Vor Ort Value", checked: true },
          {
            name: "Online Name",
            value: "Online Value",
            checked: false,
          },
          { name: "Hybrid Name", value: "Hybrid value", checked: false },
        ],
      };
    },
  };
</script>

Demo

View a demo of <ui-radio-input> on Storybook

API

Props

| Name | Type | Default | Description | |-------------|----------|------------------------------------------|---------------------------------------| | groupName | String | RadioGroup | common name for Radio Input Group | | value | Array | [{name:'', value:'', isChecked:false}] | Array with RadioMenu specific content |

Events

| Name | Type | Description | |---------|---------------|--------------------------------------------| | input | ChangeEvent | triggerd when the radioButton is clicked |