design/components/core/Icon.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

477 B

Raw Permalink Blame History

Renders a lucide glyph — the only icon set on Lux surfaces.

<Icon name="ArrowRight" size={16} />
<Icon name="Shield" size={24} color="var(--text-secondary)" />

Requires the lucide UMD bundle on the page: <script src="https://unpkg.com/[email protected]/dist/umd/lucide.js"></script>. Sizes in use: 12 (inline with body text), 16 (button/CTA), 24 (card eyebrow), 40 (section accent). Stroke stays at the default 2. Colour inherits — never tint an icon with hue.

477 B Raw Permalink Blame History

477 B

Raw Permalink Blame History