You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
blog.krasnikov.pro/components/stories/button.stories.tsx

30 lines
585 B

import type { Meta, StoryObj } from '@storybook/react';
import { FileText } from 'lucide-react';
import { Button } from '@/components/button';
import { Center } from './decorators';
const meta: Meta<typeof Button> = {
title: 'Button',
component: Button,
decorators: [Center],
args: {
href: '#',
},
};
export default meta;
type Story = StoryObj<typeof Button>;
export const WithIcon: Story = {
args: {
label: 'Все статьи',
icon: <FileText className="h-4 w-4" />,
},
};
export const WithoutIcon: Story = {
args: {
label: 'Click Me',
},
};