@kadconsulting/dry
Version:
KAD Reusable Component Library
98 lines • 2.47 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import RadioButtonGroup from './RadioButtonGroup';
export default {
title: 'Components/FormInputs/RadioButtonGroup',
component: RadioButtonGroup,
argTypes: {
name: {
control: 'text',
defaultValue: 'exampleGroup',
},
selectedValue: {
control: 'text',
defaultValue: 'Option 1',
},
defaultValue: {
control: 'text',
defaultValue: 'Option 1',
},
},
};
const Template = (args) => (_jsx(RadioButtonGroup, { ...args }));
export const Controlled = Template.bind({});
Controlled.args = {
name: 'controlledGroup',
selectedValue: 'Option 1',
options: [
{
id: 'option1',
value: 'Option 1',
text: 'Option 1',
isCard: true,
},
{
id: 'option2',
value: 'Option 2',
text: 'Option 2',
isCard: true,
},
{
id: 'option3',
value: 'Option 3',
text: 'Option 3',
subText: 'Subtext',
disabled: true,
isCard: true,
},
],
};
export const Uncontrolled = Template.bind({});
Uncontrolled.args = {
name: 'uncontrolledGroup',
defaultValue: 'Option 2',
options: [
{
id: 'option1',
value: 'Option 1',
text: 'Option 1',
isCard: true,
},
{
id: 'option2',
value: 'Option 2',
text: 'Option 2',
isCard: true,
},
{
id: 'option3',
value: 'Option 3',
text: 'Option 3',
subText: 'Subtext',
disabled: true,
isCard: true,
},
],
};
export const WithSubTextAndExtraText = Template.bind({});
WithSubTextAndExtraText.args = {
name: 'withSubTextAndExtraText',
options: [
{
id: 'option1',
value: 'Option 1',
text: 'Option 1',
subText: 'Subtext',
extraText: 'Extra Text',
extraTextPosition: 'right',
},
{
id: 'option2',
value: 'Option 2',
text: 'Option 2',
subText: 'Subtext',
extraText: 'Extra Text',
extraTextPosition: 'left',
},
],
};
//# sourceMappingURL=RadioButtonGroup.stories.js.map