Avatar

DaisyUI

Avatars are used to show a thumbnail representation of a user.

Basic Avatar

Avatar Sizes

Different sizes using Tailwind classes.

Avatar Status

Online, offline, and placeholder indicators.

Avatar Group

Overlapping avatars in a group.

+99

Code Example

use rsxui::components::{Avatar, AvatarGroup, AvatarStatus};

use rsx_macros::rsx;

let html = rsx! {

    <Avatar src="https://example.com/avatar.jpg" alt="User" />

};

// With status

let html = rsx! {

    <Avatar

        src="https://example.com/avatar.jpg"

        alt="User"

        status={AvatarStatus::Online}

/>

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026