mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-05-23 09:09:36 +02:00
0e4682ef89
* Create DS version for Bootstrap Input form elements * Move DS Button Storybook to DS component folder * Use phosphor icons * Add ds-focus-outline mixin * Use math.div GitOrigin-RevId: e50934212ec5949f0f7abc7880eb73933fce2a9b
38 lines
897 B
TypeScript
38 lines
897 B
TypeScript
import { Meta } from '@storybook/react'
|
|
import { figmaDesignUrl } from '../../../.storybook/utils/figma-design-url'
|
|
import DSButton from '@/shared/components/ds/ds-button'
|
|
|
|
type Args = React.ComponentProps<typeof DSButton>
|
|
|
|
export const Button = (args: Args) => {
|
|
return <DSButton {...args} />
|
|
}
|
|
|
|
const meta: Meta<typeof DSButton> = {
|
|
title: 'Shared / DS Components',
|
|
component: DSButton,
|
|
args: {
|
|
children: 'Button',
|
|
},
|
|
argTypes: {
|
|
size: {
|
|
control: 'radio',
|
|
options: ['lg', 'md', 'sm'],
|
|
},
|
|
variant: {
|
|
control: 'radio',
|
|
options: ['primary', 'secondary', 'tertiary', 'danger'],
|
|
},
|
|
},
|
|
parameters: {
|
|
controls: {
|
|
include: ['children', 'disabled', 'size', 'variant'],
|
|
},
|
|
...figmaDesignUrl(
|
|
'https://www.figma.com/design/aJQlecvqCS9Ry8b6JA1lQN/DS---Components?node-id=4565-2932&m=dev'
|
|
),
|
|
},
|
|
}
|
|
|
|
export default meta
|