overleaf/services/web/frontend/stories/ui/icon-button.stories.tsx
Rebeka Dekany e18f0817c6 Merge pull request #17216 from overleaf/rd-bootstrap5-buttons
Bootstrap-5 Button component

GitOrigin-RevId: 1fb13b7ab2b71403b0236f1f85aec7b9545b34f1
2024-03-06 17:27:49 +00:00

40 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