Skip to content
This repository was archived by the owner on Jan 15, 2025. It is now read-only.

Commit bd8fd7d

Browse files
thevuongthevuong
committed
Update component names in stories
1 parent 3a13055 commit bd8fd7d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+301
-47
lines changed

‎apps/docs/src/stories/accordion/accordion.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ export default meta;
2525

2626
type Story = StoryObj<typeof Accordion>;
2727

28-
export const Basic: Story = {
28+
export const Default: Story = {
2929
args: {
3030
collapsible: true,
3131
defaultValue: 'item-1',

‎apps/docs/src/stories/alert-dialog/alert-dialog.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export default meta;
2323

2424
type Story = StoryObj<typeof AlertDialog>;
2525

26-
export const Basic: Story = {
26+
export const Default: Story = {
2727
render: (args) => (
2828
<AlertDialog {...args}>
2929
<AlertDialogTrigger asChild>

‎apps/docs/src/stories/alert/alert.stories.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export default meta;
1212

1313
type Story = StoryObj<typeof Alert>;
1414

15-
export const Basic: Story = {
15+
export const Default: Story = {
1616
render: (args) => (
1717
<Alert {...args}>
1818
<TerminalIcon size={16} />
@@ -28,5 +28,5 @@ export const Destructive: Story = {
2828
args: {
2929
variant: 'destructive',
3030
},
31-
render: Basic.render,
31+
render: Default.render,
3232
};

‎apps/docs/src/stories/aspect-ratio/aspect-radio.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ export default meta;
1515

1616
type Story = StoryObj<typeof AspectRatio>;
1717

18-
export const Basic: Story = {
18+
export const Default: Story = {
1919
args: {
2020
ratio: 774 / 1162,
2121
},

‎apps/docs/src/stories/avatar/avatar.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export default meta;
1414

1515
type Story = StoryObj<typeof Avatar>;
1616

17-
export const Basic: Story = {
17+
export const Default: Story = {
1818
render: (args) => (
1919
<Avatar
2020
{...args}

‎apps/docs/src/stories/badge/badge.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ export default meta;
2121

2222
type Story = StoryObj<typeof Badge>;
2323

24-
export const Basic: Story = {};
24+
export const Default: Story = {};
2525

2626
export const Variants: Story = {
2727
render: () => (

‎apps/docs/src/stories/breadcrumb/breadcrumb.stories.tsx

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
import {
2+
Breadcrumb,
3+
BreadcrumbItem,
4+
BreadcrumbLink,
5+
BreadcrumbList,
6+
BreadcrumbPage,
7+
BreadcrumbSeparator,
8+
DropdownMenu,
9+
DropdownMenuContent,
10+
DropdownMenuItem,
11+
DropdownMenuTrigger,
12+
BreadcrumbEllipsis,
13+
} from '@codefixlabs/ui';
14+
import type { Meta, StoryObj } from '@storybook/react';
15+
import { ChevronDownIcon, SlashIcon } from 'lucide-react';
16+
import Link from 'next/link';
17+
18+
const meta: Meta<typeof Breadcrumb> = {
19+
component: Breadcrumb,
20+
tags: ['autodocs'],
21+
title: 'UI/Breadcrumb',
22+
};
23+
24+
export default meta;
25+
26+
type Story = StoryObj<typeof Breadcrumb>;
27+
28+
export const Default: Story = {
29+
render: (args) => {
30+
return (
31+
<Breadcrumb {...args}>
32+
<BreadcrumbList>
33+
<BreadcrumbItem>
34+
<BreadcrumbLink href="/">Home</BreadcrumbLink>
35+
</BreadcrumbItem>
36+
<BreadcrumbSeparator>
37+
<SlashIcon size={16} />
38+
</BreadcrumbSeparator>
39+
<BreadcrumbItem>
40+
<BreadcrumbLink href="/components">Components</BreadcrumbLink>
41+
</BreadcrumbItem>
42+
<BreadcrumbSeparator>
43+
<SlashIcon size={16} />
44+
</BreadcrumbSeparator>
45+
<BreadcrumbItem>
46+
<BreadcrumbPage>Breadcrumb</BreadcrumbPage>
47+
</BreadcrumbItem>
48+
</BreadcrumbList>
49+
</Breadcrumb>
50+
);
51+
},
52+
};
53+
54+
export const Dropdown: Story = {
55+
render: (args) => {
56+
return (
57+
<Breadcrumb {...args}>
58+
<BreadcrumbList>
59+
<BreadcrumbItem>
60+
<BreadcrumbLink href="/">Home</BreadcrumbLink>
61+
</BreadcrumbItem>
62+
<BreadcrumbSeparator>
63+
<SlashIcon size={16} />
64+
</BreadcrumbSeparator>
65+
<BreadcrumbItem>
66+
<DropdownMenu>
67+
<DropdownMenuTrigger className="flex items-center gap-1">
68+
Components
69+
<ChevronDownIcon size={16} />
70+
</DropdownMenuTrigger>
71+
<DropdownMenuContent align="start">
72+
<DropdownMenuItem>Documentation</DropdownMenuItem>
73+
<DropdownMenuItem>Themes</DropdownMenuItem>
74+
<DropdownMenuItem>GitHub</DropdownMenuItem>
75+
</DropdownMenuContent>
76+
</DropdownMenu>
77+
</BreadcrumbItem>
78+
<BreadcrumbSeparator>
79+
<SlashIcon size={16} />
80+
</BreadcrumbSeparator>
81+
<BreadcrumbItem>
82+
<BreadcrumbPage>Breadcrumb</BreadcrumbPage>
83+
</BreadcrumbItem>
84+
</BreadcrumbList>
85+
</Breadcrumb>
86+
);
87+
},
88+
};
89+
90+
export const Collapsed: Story = {
91+
render: (args) => {
92+
return (
93+
<Breadcrumb {...args}>
94+
<BreadcrumbList>
95+
<BreadcrumbItem>
96+
<BreadcrumbLink asChild>
97+
<Link href="/">Home</Link>
98+
</BreadcrumbLink>
99+
</BreadcrumbItem>
100+
<BreadcrumbSeparator />
101+
<BreadcrumbItem>
102+
<BreadcrumbEllipsis />
103+
</BreadcrumbItem>
104+
<BreadcrumbSeparator />
105+
<BreadcrumbItem>
106+
<BreadcrumbLink asChild>
107+
<Link href="/">Components</Link>
108+
</BreadcrumbLink>
109+
</BreadcrumbItem>
110+
<BreadcrumbSeparator />
111+
<BreadcrumbItem>
112+
<BreadcrumbPage>Breadcrumb</BreadcrumbPage>
113+
</BreadcrumbItem>
114+
</BreadcrumbList>
115+
</Breadcrumb>
116+
);
117+
},
118+
};

‎apps/docs/src/stories/button/button.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ export default meta;
8181

8282
type Story = StoryObj<typeof Button>;
8383

84-
export const Basic: Story = {
84+
export const Default: Story = {
8585
args: {
8686
children: 'Button',
8787
},

‎apps/docs/src/stories/card/card.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ const notifications = [
4747
},
4848
];
4949

50-
export const Basic: Story = {
50+
export const Default: Story = {
5151
args: {
5252
className: 'max-w-md',
5353
},

‎apps/docs/src/stories/checkbox/checkbox.stories.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ function CheckboxWithHooks(
5050
);
5151
}
5252

53-
export const Basic: Story = {
53+
export const Default: Story = {
5454
render: (args) => <CheckboxWithHooks {...args} />,
5555
};
5656

@@ -72,7 +72,7 @@ export const Disabled: Story = {
7272
args: {
7373
disabled: true,
7474
},
75-
render: Basic.render,
75+
render: Default.render,
7676
};
7777

7878
/* -----------------------------------------------------------------------------

0 commit comments

Comments
 (0)