basecoat/docs/src/components/avatar.md

templateEngineOverride, layout, title, description, toc

templateEngineOverride	layout	title	description	toc
njk	layouts/page.njk	Avatar	An image element with a fallback for representing the user.	label id Usage usage

{% from "macros/code_preview.njk" import code_preview %} {% from "macros/code_block.njk" import code_block %}

{% lucide "circle-alert" %}

There is no dedicated Avatar component in Basecoat.

{% set code %}

{% endset %} {{ code_preview("avatar", code | prettyHtml, "w-full max-w-md") }}

Usage

Avatars are just <img> elements styled with Tailwind utility classes.

{% set code_simple %} {% endset %} {{ code_block(code_simple | prettyHtml, "html") }}