36 lines
1.8 KiB
HTML
36 lines
1.8 KiB
HTML
<!-- Avatar - offline Status -->
|
|
<div class="relative w-fit">
|
|
<img class="size-14 rounded-full object-cover object-center" src="https://penguinui.s3.amazonaws.com/component-assets/avatar-8.webp" alt="Rounded avatar">
|
|
<span class="absolute size-4 bottom-0.5 end-0 rounded-full border-2 border-surface dark:border-surface-dark bg-outline dark:bg-outline-dark">
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Avatar - info Status -->
|
|
<div class="relative w-fit">
|
|
<img class="size-14 rounded-full object-cover object-center" src="https://penguinui.s3.amazonaws.com/component-assets/avatar-8.webp" alt="Rounded avatar">
|
|
<span class="absolute size-4 bottom-0.5 end-0 rounded-full border-2 border-surface dark:border-surface-dark bg-info">
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Avatar - success Status -->
|
|
<div class="relative w-fit">
|
|
<img class="size-14 rounded-full object-cover object-center" src="https://penguinui.s3.amazonaws.com/component-assets/avatar-8.webp" alt="Rounded avatar">
|
|
<span class="absolute size-4 bottom-0.5 end-0 rounded-full border-2 border-surface dark:border-surface-dark bg-success">
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Avatar - warning Status -->
|
|
<div class="relative w-fit">
|
|
<img class="size-14 rounded-full object-cover object-center" src="https://penguinui.s3.amazonaws.com/component-assets/avatar-8.webp" alt="Rounded avatar">
|
|
<span class="absolute size-4 bottom-0.5 end-0 rounded-full border-2 border-surface dark:border-surface-dark bg-warning">
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Avatar - danger Status -->
|
|
<div class="relative w-fit">
|
|
<img class="size-14 rounded-full object-cover object-center" src="https://penguinui.s3.amazonaws.com/component-assets/avatar-8.webp" alt="Rounded avatar">
|
|
<span class="absolute size-4 bottom-0.5 end-0 rounded-full border-2 border-surface dark:border-surface-dark bg-danger">
|
|
</span>
|
|
</div>
|
|
|