v-ingredients/src/components/InputRadio/README.md

Reusable Components

# Input Radio

## Props

```javascript
label: {
    type: String,
    default: '',
}

name: {
    type: String,
    required: true,
}

choices: {
    type: Array as PropType<IInputRadioChoice[]>,
    required: true,
}

value: {
    // v-model gives us a value prop
    type: [String, Number],
    default: null,
}

required: {
    type: Boolean,
    default: false,
}

disabled: {
    type: Boolean,
    default: false,
}

displayAs: {
    type: String,
    validator: (value) => {
        // The value must match one of these strings
        return ['row', 'column'].includes(value)
    },
    default: 'column'
}
```

## Implemented Components

* [RequiredStar](../RequiredStar/README.md)

## Interface 

```typescript
IInputRadioChoice {
    value: String | Number
    label: String
}

```