overleaf/services/web/frontend/stories/ui/split-button.stories.tsx
Rebeka Dekany 4a1af0f057 Merge pull request #16925 from overleaf/rd-dropdown-bootstrap5
Bootstrap-5 Dropdown menu component

GitOrigin-RevId: 8a74f2341eebf953367ab73946d72e8aa7bd3c13
2024-02-26 09:03:05 +00:00

34 lines
774 B
TypeScript

import { SplitButton } from '@/features/ui/components/bootstrap-5/split-button'
import type { Meta } from '@storybook/react'
type Args = React.ComponentProps<typeof SplitButton>
export const Dropdown = (args: Args) => {
return <SplitButton {...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