Avatar

A person, represented by initials or an image.

Default

AL AL AL AL

<span class="<%= avatar_class(size: :base) %>" style="background-color: var(--sky)">AL</span>
<span class="<%= avatar_class(size: :lg) %>" style="background-color: var(--sky)">AL</span>
<span class="<%= avatar_class(size: :sm) %>" style="background-color: var(--sky)">AL</span>
<span class="<%= avatar_class(size: :xl) %>" style="background-color: var(--sky)">AL</span>

Ink

<span class="<%= avatar_class(ink: true) %>" style="background-color: var(--sky)">AL</span>

Linked

<span class="<%= avatar_class(linked: true) %>" style="background-color: var(--sky)">AL</span>

Linked with ink

<span class="<%= avatar_class(ink: true, linked: true) %>" style="background-color: var(--sky)">AL</span>

API reference

avatar_class

avatar_class(size: :base, ink: false, linked: false, extra: nil)

Parameter	Default	Values
size	:base	:base · :lg · :sm · :xl
ink	false	true · false
linked	false	true · false
extra	nil	Additional Tailwind classes