mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-17 21:05:04 -04:00
41 lines
820 B
TypeScript
41 lines
820 B
TypeScript
|
import IconButton from '@/features/ui/components/bootstrap-5/icon-button'
|
||
|
import type { Meta } from '@storybook/react'
|
||
|
|
||
|
type Args = React.ComponentProps<typeof IconButton>
|
||
|
|
||
|
export const Icon = (args: Args) => {
|
||
|
return <IconButton disabled {...args} />
|
||
|
}
|
||
|
|
||
|
const meta: Meta<typeof IconButton> = {
|
||
|
title: 'Shared / Components / Bootstrap 5 / IconButton',
|
||
|
component: IconButton,
|
||
|
args: {
|
||
|
disabled: false,
|
||
|
icon: 'add',
|
||
|
isLoading: false,
|
||
|
},
|
||
|
argTypes: {
|
||
|
size: {
|
||
|
control: 'radio',
|
||
|
options: ['small', 'default', 'large'],
|
||
|
},
|
||
|
variant: {
|
||
|
control: 'radio',
|
||
|
options: [
|
||
|
'primary',
|
||
|
'secondary',
|
||
|
'ghost',
|
||
|
'danger',
|
||
|
'danger-ghost',
|
||
|
'premium',
|
||
|
],
|
||
|
},
|
||
|
},
|
||
|
parameters: {
|
||
|
bootstrap5: true,
|
||
|
},
|
||
|
}
|
||
|
|
||
|
export default meta
|