Anvil/stories/atoms/DisplayName.stories.ts
André Jaenisch 769e3bcab3
feat: add new components to Storybook
I included stories for the new components introduced by the Projects
page.

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
2024-07-04 08:21:35 +02:00

43 lines
1.4 KiB
TypeScript

/* Stories for DisplayName atom.
* Copyright (C) 2024 André Jaenisch
* SPDX-FileCopyrightText: 2024 André Jaenisch
* SPDX-License-Identifier: AGPL-3.0-or-later
*
* This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import type { Meta, StoryObj } from '@storybook/svelte';
import DisplayName from '$lib/components/atoms/DisplayName.svelte';
const meta = {
title: 'Atoms/DisplayName',
component: DisplayName,
tags: ['autodocs']
} satisfies Meta<DisplayName>;
export default meta;
type Story = StoryObj<typeof meta>;
export const WithPronoun: Story = {
args: {
displayName: 'Jane Doe',
i18n: {
heading: 'page.profile.heading'
},
pronoun: 'she/her'
}
};
export const WithoutPronoun: Story = {
args: {
displayName: 'Jane Doe',
i18n: {
heading: 'page.profile.heading'
}
}
};