12 lines
522 B
Plaintext
12 lines
522 B
Plaintext
component Avatar {
|
|
props {
|
|
src = ""
|
|
alt = ""
|
|
initials = "WR"
|
|
size = "md"
|
|
}
|
|
view {
|
|
<span class="inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-gradient-to-br from-violet-500 to-fuchsia-500 font-semibold text-white {size === 'sm' ? 'size-8 text-xs' : size === 'lg' ? 'size-14 text-base' : 'size-10 text-sm'}"><img data-show="src" src="{src}" alt="{alt}" class="h-full w-full object-cover" /><span data-show="!src" aria-hidden="true">{initials}</span></span>
|
|
}
|
|
}
|