Create avatar component and refactor navbar #87

Merged
BenjaminPalko merged 2 commits from chore-avatar into master 2025-02-24 10:49:08 -05:00
Showing only changes of commit 545181aec5 - Show all commits

View file

@ -1,6 +1,5 @@
<script module lang="ts"> <script module lang="ts">
import { defineMeta } from '@storybook/addon-svelte-csf'; import { defineMeta } from '@storybook/addon-svelte-csf';
import type { ComponentProps } from 'svelte';
import Avatar from './Avatar.svelte'; import Avatar from './Avatar.svelte';
const { Story } = defineMeta({ const { Story } = defineMeta({
@ -12,6 +11,7 @@
}, },
placeholder: { placeholder: {
control: 'text', control: 'text',
defaultValue: 'DP',
}, },
presence: { presence: {
control: 'select', control: 'select',
@ -43,14 +43,9 @@
}); });
</script> </script>
{#snippet template(props: ComponentProps<typeof Avatar>)}
<Avatar {...props} />
{/snippet}
<Story <Story
name="Default" name="Default"
args={{ args={{
img: 'https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp', img: 'https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp',
}} }}
children={template}
/> />