church-website/src/components/Title/Title.stories.tsx
2026-04-16 15:06:37 +02:00

61 lines
960 B
TypeScript

import { Meta, StoryObj } from '@storybook/nextjs-vite'
import { Title } from './Title'
const meta: Meta<typeof Title> = {
component: Title,
}
type Story = StoryObj<typeof Title>
export default meta
export const Default: Story = {
args: {
title: 'Aktuelles',
},
}
export const WithSubtitle: Story = {
args: {
title: 'Wahlfahrt Lourdes',
subtitle: "Sei dabei!"
},
}
export const Contrast: Story = {
args: {
title: 'Aktuelles',
color: "contrast"
},
}
export const BigTitle: Story = {
args: {
title: 'Veranstaltungen',
size: 'xl',
fontStyle: 'serif'
}
}
export const Centered: Story = {
args: {
title: 'Nächste Gottesdienste',
align: 'center'
},
}
export const SansSerifMedium: Story = {
args: {
title: 'Erntedankfest',
align: 'left',
fontStyle: 'sans-serif',
size: 'md'
}
}
export const Cancelled: Story = {
args: {
title: 'Some event',
cancelled: true
}
}