@berlitz/radio-card v2.4.0
RadioCard
Radio-card input field
Installation
yarn add @berlitz/radio-card
Props
Argument | Type | Required | Notes |
---|---|---|---|
name | string | ✅ | Used for the name attribute on the fields |
data | array | ✅ | An arry of objects used to create radio cards |
value | string, number, bool | ❌ | Current value selected |
onChange | func | ❌ | Callback function which return the selected value on change |
Usage
yarn add @berlitz/radio-card
import RadioCard from '@berlitz/radio-card'
const data = [
{
id: 'value-1',
title: `I'm the first`,
subtitle: `First subtitle`,
},
{
id: 'value-2',
title: `I'm the second`,
subtitle: `Second subtitle`,
disabled: true,
},
{
id: 'value-3',
title: `I'm the third`,
subtitle: `Third subtitle`,
disabled: true,
},
]
<RadioCard name='my_radio-card_field' data={data} value={selectedValue} onChange={value => setSelectedValue(value)} />
When to use this component
Any input field that requires radio button
2 months ago
8 months ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago