mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-12 10:33:32 -05:00
b1c40d05f7
[web] Fix the Button component accessibility label GitOrigin-RevId: 1d157fca370c5e0425890468d7cad169d0261c23
37 lines
888 B
TypeScript
37 lines
888 B
TypeScript
import { SplitButton } from '@/features/ui/components/bootstrap-5/split-button'
|
|
import type { Meta } from '@storybook/react'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
type Args = React.ComponentProps<typeof SplitButton>
|
|
|
|
export const Dropdown = (args: Args) => {
|
|
const { t } = useTranslation()
|
|
|
|
return <SplitButton accessibilityLabel={t('expand')} {...args} />
|
|
}
|
|
const meta: Meta<typeof SplitButton> = {
|
|
title: 'Shared/Components/Bootstrap 5/SplitButton',
|
|
component: SplitButton,
|
|
args: {
|
|
align: { sm: 'start' },
|
|
id: 'split-button',
|
|
items: [
|
|
{ eventKey: '1', label: 'Action 1' },
|
|
{ eventKey: '2', label: 'Action 2' },
|
|
{ eventKey: '3', label: 'Action 3' },
|
|
],
|
|
text: 'Split Button',
|
|
},
|
|
argTypes: {
|
|
id: {
|
|
table: {
|
|
disable: true,
|
|
},
|
|
},
|
|
},
|
|
parameters: {
|
|
bootstrap5: true,
|
|
},
|
|
}
|
|
|
|
export default meta
|