View Source LiveViewUI.Avatar (LiveViewUI v0.0.6)

A simple avatar component for displaying user profile images with optional fallbacks.

Example Usage

Here is a basic example of setting up an avatar with an image and a fallback:

<Avatar.root>
  <Avatar.image src="/path/to/image.jpg" alt="User Avatar" />
  <Avatar.fallback>
    <span>U</span>
  </Avatar.fallback>
</Avatar.root>

This structure allows you to display a user's avatar image with a fallback in case the image is not available.

Summary

Functions

Attributes

  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Attributes

  • class (:any) - Defaults to nil.
  • Global attributes are accepted. Supports all globals plus: ["src", "alt"].

Attributes

  • id (:string) (required)
  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Functions

Attributes

  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Attributes

  • class (:any) - Defaults to nil.
  • Global attributes are accepted. Supports all globals plus: ["src", "alt"].

Attributes

  • id (:string) (required)
  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)