component story directory
This commit is contained in:
parent
327ac62186
commit
928958131c
@ -1,7 +1,7 @@
|
|||||||
import { Meta, StoryObj } from '@storybook/react';
|
import { Meta, StoryObj } from '@storybook/react';
|
||||||
|
|
||||||
import { Avatar, AvatarVariants } from 'components/shared/Avatar';
|
import { Avatar, AvatarVariants } from 'components/shared/Avatar';
|
||||||
import { avatars, avatarsFallback } from '../pages/components/renders/avatar';
|
import { avatars, avatarsFallback } from 'pages/components/renders/avatar';
|
||||||
|
|
||||||
const avatarSizes: AvatarVariants['size'][] = [18, 20, 24, 28, 32, 36, 40, 44];
|
const avatarSizes: AvatarVariants['size'][] = [18, 20, 24, 28, 32, 36, 40, 44];
|
||||||
const avatarVariants: AvatarVariants['type'][] = ['gray', 'orange', 'blue'];
|
const avatarVariants: AvatarVariants['type'][] = ['gray', 'orange', 'blue'];
|
@ -7,7 +7,7 @@ import {
|
|||||||
renderButtons,
|
renderButtons,
|
||||||
renderDisabledButtons,
|
renderDisabledButtons,
|
||||||
renderLinks,
|
renderLinks,
|
||||||
} from '../pages/components/renders/button';
|
} from 'pages/components/renders/button';
|
||||||
|
|
||||||
const meta: Meta<typeof Button> = {
|
const meta: Meta<typeof Button> = {
|
||||||
title: 'Components/Button',
|
title: 'Components/Button',
|
||||||
@ -100,7 +100,9 @@ export const ButtonAll: Story = {
|
|||||||
render: () => (
|
render: () => (
|
||||||
<div className="flex gap-5 flex-col items-center">
|
<div className="flex gap-5 flex-col items-center">
|
||||||
{/* Button */}
|
{/* Button */}
|
||||||
<h1 className="text-2xl font-bold items-center justify-between">Button</h1>
|
<h1 className="text-2xl font-bold items-center justify-between">
|
||||||
|
Button
|
||||||
|
</h1>
|
||||||
<div className="flex flex-col gap-10">
|
<div className="flex flex-col gap-10">
|
||||||
{renderButtons()}
|
{renderButtons()}
|
||||||
{renderButtonIcons()}
|
{renderButtonIcons()}
|
@ -1,11 +1,12 @@
|
|||||||
import { Meta, StoryObj } from '@storybook/react';
|
import { Meta, StoryObj } from '@storybook/react';
|
||||||
|
|
||||||
import Page from '../pages/components';
|
import Page from 'pages/components';
|
||||||
|
|
||||||
const meta: Meta<typeof Page> = {
|
const meta: Meta<typeof Page> = {
|
||||||
component: Page,
|
component: Page,
|
||||||
title: 'Components/All',
|
title: 'Components/All',
|
||||||
};
|
};
|
||||||
|
|
||||||
export default meta;
|
export default meta;
|
||||||
|
|
||||||
type Story = StoryObj<typeof Page>;
|
type Story = StoryObj<typeof Page>;
|
Loading…
Reference in New Issue
Block a user