Anvil/stories/atoms/Avatar.stories.ts
André Jaenisch 41d82656b3
docs: add story for profile picture case
I also check for accessibility now.

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

37 lines
748 B
TypeScript

import type { Meta, StoryObj } from '@storybook/svelte';
import Avatar from '$lib/components/atoms/Avatar.svelte';
const meta = {
title: 'Atoms/Avatar',
component: Avatar,
tags: ['autodocs'],
argTypes: {
avatar: {
control: 'text',
description: 'An URL to the image'
},
displayName: {
control: 'text',
description: 'If no image is provided, derive initials'
}
}
} satisfies Meta<Avatar>;
export default meta;
type Story = StoryObj<typeof meta>;
export const Plain: Story = {
args: {
avatar: '',
displayName: 'Jane Doe'
}
};
export const ProfilePicture: Story = {
args: {
...Plain.args,
avatar:
'https://codeberg.org/avatars/a9defc12e1826458289a39e3a66792f0adef29a73fb79b71c66560b7d80aac8f?size=280'
}
};