Adeyemi AdetunjiandRotimi Best
cbf6ae7e63
* feat: remove tinymce & replace org sidebar * chore: PR Fixes * chore: move ui font into src dir * remove files in vite config * use google font import for loading font * remove custom font * more fonts update * remove font bold * more removals of font bold * fix import * checkpoint * chore: checkpoint (add course & lms shadcn sidebar) * minor css improvements and try out font sans * chore: replace carbon components with shadcn's * chore: replace carbon components with shadcn _ v3 * chore: ui fixes & storybook update * feat: UI cleanup * fix: quick ui fixes * chore: update pnpm-lock.yaml with new dependencies and versions; fix output.css formatting * chore: add isloading to button * feat: add loading state to button stories * chore: feedback fixes * fix: feedback fixes * chore: remove console * fix: PR comments * fix: PR comments --------- Co-authored-by: Rotimi Best <[email protected]>
20 lines
462 B
Svelte
20 lines
462 B
Svelte
<script lang="ts">
|
|
import { Avatar as AvatarPrimitive } from 'bits-ui';
|
|
import { cn } from '../../tools';
|
|
|
|
let {
|
|
ref = $bindable(null),
|
|
loadingStatus = $bindable('loading'),
|
|
class: className,
|
|
...restProps
|
|
}: AvatarPrimitive.RootProps = $props();
|
|
</script>
|
|
|
|
<AvatarPrimitive.Root
|
|
bind:ref
|
|
bind:loadingStatus
|
|
data-slot="avatar"
|
|
class={cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', className)}
|
|
{...restProps}
|
|
/>
|