CommunityRule/community-rule
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix failing tests
CI Pipeline / test (20) (pull_request) Successful in 2m30s
Details
CI Pipeline / test (18) (pull_request) Successful in 3m51s
Details
CI Pipeline / e2e (firefox) (pull_request) Successful in 3m22s
Details
CI Pipeline / e2e (webkit) (pull_request) Successful in 3m45s
Details
CI Pipeline / e2e (chromium) (pull_request) Successful in 11m49s
Details
CI Pipeline / visual-regression (pull_request) Successful in 6m48s
Details
CI Pipeline / storybook (pull_request) Successful in 1m35s
Details
CI Pipeline / lint (pull_request) Successful in 1m12s
Details
CI Pipeline / build (pull_request) Successful in 1m54s
Details
CI Pipeline / performance (pull_request) Successful in 4m6s
Details

Browse Source
This commit is contained in:
adilallo
2025-10-14 20:47:34 -06:00
parent c4a631a5d8
commit fa5a190416
20 changed files with 4638 additions and 1242 deletions
Download Patch File Download Diff File Expand all files Collapse all files
stories/RadioGroup.stories.js
+52 -34
View File
@@ -59,49 +59,67 @@ export const Default = {
],
},
play: DefaultInteraction.play,
render: (args) => {
const [value, setValue] = React.useState(args.value);
return (
<RadioGroup
{...args}
value={value}
onChange={({ value: newValue }) => setValue(newValue)}
/>
);
},
};
export const Standard = {
render: () => (
<div className="space-y-4">
<div className="space-y-2">
<h3 className="text-white font-medium">Standard Mode</h3>
<RadioGroup
name="standard-example"
value="option2"
mode="standard"
options={[
{ value: "option1", label: "Option 1" },
{ value: "option2", label: "Option 2" },
{ value: "option3", label: "Option 3" },
]}
onChange={() => {}}
/>
render: () => {
const [value, setValue] = React.useState("option2");
return (
<div className="space-y-4">
<div className="space-y-2">
<h3 className="text-white font-medium">Standard Mode</h3>
<RadioGroup
name="standard-example"
value={value}
mode="standard"
options={[
{ value: "option1", label: "Option 1" },
{ value: "option2", label: "Option 2" },
{ value: "option3", label: "Option 3" },
]}
onChange={({ value: newValue }) => setValue(newValue)}
/>
</div>
</div>
</div>
),
);
},
play: StandardInteraction.play,
};
export const Inverse = {
render: () => (
<div className="space-y-4">
<div className="space-y-2">
<h3 className="text-white font-medium">Inverse Mode</h3>
<RadioGroup
name="inverse-example"
value="option1"
mode="inverse"
options={[
{ value: "option1", label: "Option 1" },
{ value: "option2", label: "Option 2" },
{ value: "option3", label: "Option 3" },
]}
onChange={() => {}}
/>
render: () => {
const [value, setValue] = React.useState("option1");
return (
<div className="space-y-4">
<div className="space-y-2">
<h3 className="text-white font-medium">Inverse Mode</h3>
<RadioGroup
name="inverse-example"
value={value}
mode="inverse"
options={[
{ value: "option1", label: "Option 1" },
{ value: "option2", label: "Option 2" },
{ value: "option3", label: "Option 3" },
]}
onChange={({ value: newValue }) => setValue(newValue)}
/>
</div>
</div>
</div>
),
);
},
play: InverseInteraction.play,
};