0.6.0 • Published 2 years ago

@dpa-id-components/ui-radio-input v0.6.0

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

@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

NameTypeDefaultDescription
groupNameStringRadioGroupcommon name for Radio Input Group
valueArray[{name:'', value:'', isChecked:false}]Array with RadioMenu specific content

Events

NameTypeDescription
inputChangeEventtriggerd when the radioButton is clicked
0.6.0

2 years ago

0.5.0

2 years ago

0.4.0

2 years ago

0.3.0

2 years ago