design/components/core/Avatar.prompt.md at main

mirror of https://github.com/luxfi/design.git synced 2026-10-30 16:58:57 +00:00

Files

T

zeekay d954227524 feat: Lux Design System — tokens, components, brand assets, guidelines

Monochrome, dark by default. One hue rendered through an opacity ladder.
Tokens (color, type, spacing, radius, elevation, motion) + core/forms/navigation/
overlays components + brand guidelines + ui kit. The single source of truth for
every Lux surface — loadable and editable.

2026-07-24 17:21:07 -07:00

339 B

Raw Permalink Blame History

Circular avatar with image or initials fallback.

<Avatar size={32}><AvatarImage src="/me.png" alt="Zach" /></Avatar>
<Avatar size={32}><AvatarFallback>ZK</AvatarFallback></Avatar>

With no children it renders the neutral gradient disc used in the console header. Sizes: 24 in dense rows, 32 in headers, 40+ on profile screens.

339 B Raw Permalink Blame History

339 B

Raw Permalink Blame History