We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent d743cc5 commit a718121Copy full SHA for a718121
sites/docs/src/lib/components/demos/avatar-demo.svelte
@@ -2,10 +2,8 @@
2
import { Avatar } from "bits-ui";
3
4
let loadingStatus = $state<Avatar.RootProps["loadingStatus"]>("loading");
5
- let src = $state<string | null>("/avatar-1.png");
6
</script>
7
8
-<button onclick={() => (src = null)}> Remove src </button>
9
<Avatar.Root
10
bind:loadingStatus
11
class="h-12 w-12 rounded-full border {loadingStatus === 'loaded'
@@ -15,7 +13,7 @@
15
13
<div
16
14
class="flex h-full w-full items-center justify-center overflow-hidden rounded-full border-2 border-transparent"
17
>
18
- <Avatar.Image {src} alt="@huntabyte" />
+ <Avatar.Image src="/avatar-1.png" alt="@huntabyte" />
19
<Avatar.Fallback class="border border-muted">HB</Avatar.Fallback>
20
</div>
21
</Avatar.Root>
0 commit comments