1import { Radio } from "./Radio.tsx";
2
3export const Basic = () => (
4 <div style="display: flex; flex-direction: column; gap: 8px;">
5 <Radio name="basic" value="option1" checked>Option 1</Radio>
6 <Radio name="basic" value="option2">Option 2</Radio>
7 <Radio name="basic" value="option3">Option 3</Radio>
8 </div>
9);
10
11export const ViewModes = () => (
12 <div style="display: flex; flex-direction: column; gap: 8px;">
13 <Radio name="viewMode" value="grid" checked>Grid View</Radio>
14 <Radio name="viewMode" value="list">List View</Radio>
15 <Radio name="viewMode" value="compact">Compact View</Radio>
16 </div>
17);
18
19export const meta = {
20 title: "Forms/Radio",
21 description: "Radio button component for single selection",
22 component: Radio,
23};
24