Rebeka Dekany
cc49eeacbd
* Rename ui to shared * Delete unused Switch component * Update stories with Figma links * Update Tag story naming for clarity * Update Toggle button story naming for clarity * Move shared components to the shared folder * Remove file as part of TS migration * Migrate jsx to tsx * Remove file as part of TS migration * Migrate jsx to tsx * Include necessary controls only * Auto SF GitOrigin-RevId: d2458eeffa7a6b67ce522c3ccb6b4f71e5e76d62
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import IconButton from '@/shared/components/button/icon-button'
|
|
import type { Meta } from '@storybook/react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { figmaDesignUrl } from '../../../.storybook/utils/figma-design-url'
|
|
|
|
type Args = React.ComponentProps<typeof IconButton>
|
|
|
|
export const Icon = (args: Args) => {
|
|
const { t } = useTranslation()
|
|
|
|
return <IconButton accessibilityLabel={t('add')} disabled {...args} />
|
|
}
|
|
|
|
const meta: Meta<typeof IconButton> = {
|
|
title: 'Shared / Components / 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: figmaDesignUrl(
|
|
'https://www.figma.com/design/V7Ogph1Ocs4ux2A4WMNAh7/Overleaf---Components?node-id=3460-168934&m=dev'
|
|
),
|
|
}
|
|
|
|
export default meta
|