mirror of
https://github.com/ershisan99/flashcards-example-project.git
synced 2025-12-27 05:09:31 +00:00
chore: lint with tabwidth: 2
This commit is contained in:
@@ -1,67 +1,71 @@
|
||||
import type { Meta, StoryObj } from '@storybook/react'
|
||||
|
||||
import { Button } from './'
|
||||
import {Camera} from "@/assets";
|
||||
import { Camera } from '@/assets'
|
||||
|
||||
const meta = {
|
||||
argTypes: {
|
||||
variant: {
|
||||
control: { type: 'radio' },
|
||||
options: ['primary', 'secondary', 'tertiary', 'link'],
|
||||
},
|
||||
argTypes: {
|
||||
variant: {
|
||||
control: { type: 'radio' },
|
||||
options: ['primary', 'secondary', 'tertiary', 'link'],
|
||||
},
|
||||
component: Button,
|
||||
tags: ['autodocs'],
|
||||
title: 'Components/Button',
|
||||
},
|
||||
component: Button,
|
||||
tags: ['autodocs'],
|
||||
title: 'Components/Button',
|
||||
} satisfies Meta<typeof Button>
|
||||
|
||||
export default meta
|
||||
type Story = StoryObj<typeof meta>
|
||||
|
||||
export const Primary: Story = {
|
||||
args: {
|
||||
children: <>Turn Camera On <Camera/></>,
|
||||
disabled: false,
|
||||
variant: 'primary',
|
||||
},
|
||||
args: {
|
||||
children: (
|
||||
<>
|
||||
Turn Camera On <Camera />
|
||||
</>
|
||||
),
|
||||
disabled: false,
|
||||
variant: 'primary',
|
||||
},
|
||||
}
|
||||
|
||||
export const Secondary: Story = {
|
||||
args: {
|
||||
children: 'Secondary Button',
|
||||
disabled: false,
|
||||
variant: 'secondary',
|
||||
},
|
||||
args: {
|
||||
children: 'Secondary Button',
|
||||
disabled: false,
|
||||
variant: 'secondary',
|
||||
},
|
||||
}
|
||||
export const Tertiary: Story = {
|
||||
args: {
|
||||
children: 'Tertiary Button',
|
||||
disabled: false,
|
||||
variant: 'tertiary',
|
||||
},
|
||||
args: {
|
||||
children: 'Tertiary Button',
|
||||
disabled: false,
|
||||
variant: 'tertiary',
|
||||
},
|
||||
}
|
||||
export const Link: Story = {
|
||||
args: {
|
||||
children: 'Tertiary Button',
|
||||
disabled: false,
|
||||
variant: 'link',
|
||||
},
|
||||
args: {
|
||||
children: 'Tertiary Button',
|
||||
disabled: false,
|
||||
variant: 'link',
|
||||
},
|
||||
}
|
||||
|
||||
export const FullWidth: Story = {
|
||||
args: {
|
||||
children: 'Full Width Button',
|
||||
disabled: false,
|
||||
fullWidth: true,
|
||||
variant: 'primary',
|
||||
},
|
||||
args: {
|
||||
children: 'Full Width Button',
|
||||
disabled: false,
|
||||
fullWidth: true,
|
||||
variant: 'primary',
|
||||
},
|
||||
}
|
||||
|
||||
export const AsLink: Story = {
|
||||
args: {
|
||||
as: 'button',
|
||||
children: 'Link that looks like a button',
|
||||
variant: 'primary',
|
||||
href: 'https://google.com',
|
||||
},
|
||||
args: {
|
||||
as: 'button',
|
||||
children: 'Link that looks like a button',
|
||||
href: 'https://google.com',
|
||||
variant: 'primary',
|
||||
},
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user