Quiet icon beside inline text

At a glanceCopy Anchor Link

• Who: Developers pairing a small decorative icon with a text label (chips, table cells).
• What: Fixed-size muted icon + label row; icon is aria-hidden, label stays readable.
• Use when: Recognition hints next to names or actions, not in running prose.
• Avoid when: Standalone icons — use the Lucide component directly; primary actions — use Button.
• See also: Celebrate completion with a checkmark

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.4.0 (via changesets).

ExampleCopy Anchor Link

import { Search } from "lucide-react";
import { IconLabel } from "@zedtech/zedkit-ui";
<IconLabel icon={Search}><code>explorer</code></IconLabel>

Wraps: lucide-react (icon slot)