@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