46 lines
771 B
TypeScript
46 lines
771 B
TypeScript
import { Meta, StoryObj } from '@storybook/nextjs-vite'
|
|
import { Row } from './Row'
|
|
|
|
const meta: Meta<typeof Row> = {
|
|
component: Row,
|
|
}
|
|
|
|
type Story = StoryObj<typeof Row>
|
|
export default meta
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
children: (
|
|
<>
|
|
<div>Erste Spalte</div>
|
|
<div>Zweite Spalte</div>
|
|
<div>Dritte Spalte</div>
|
|
</>
|
|
),
|
|
},
|
|
}
|
|
|
|
export const WithGap: Story = {
|
|
args: {
|
|
gap: 32,
|
|
children: (
|
|
<>
|
|
<div>Links</div>
|
|
<div>Rechts</div>
|
|
</>
|
|
),
|
|
},
|
|
}
|
|
|
|
export const CenterAligned: Story = {
|
|
args: {
|
|
alignItems: 'center',
|
|
gap: 16,
|
|
children: (
|
|
<>
|
|
<div style={{ height: 40 }}>Kurz</div>
|
|
<div style={{ height: 100 }}>Lang</div>
|
|
</>
|
|
),
|
|
},
|
|
}
|