Avatar

Overview

The Avatar component is a static, presentational element used to represent a user profile when no specific profile image is available. It follows the system’s “Terminal/Green” aesthetic, utilizing a distinct green-400 color palette with a translucent background.

It is primarily used in the Testimonials section to represent authors.

Import

import Avatar from "../components/ds/Avatar.astro";

Usage

---
import Avatar from "../components/ds/Avatar.astro";
---

<div class="flex items-center gap-4">
  <Avatar />
  <div>
    <p>User Name</p>
  </div>
</div>

Props

Prop	Type	Default	Description
N/A	-	-	The component is strictly presentational.