All components
Icon Badge
Squared icon containers in outline, solid, and subtle variants for feature lists and empty states.
Variants
outline
solid
subtle
Sizes
sm
md
lg
xl
Install
zsh — icon-badge
1bunx stylexblocks add icon-badgeUsage — Ark UI
icon-badge.tsx
1234567891011import { IconBadge } from "#components/ui/ark-ui/icon-badge.tsx";import { indigoPalette } from "@stylexblocks/ui/themes/palettes.ts";
export function Example() { return ( {/* variant + size props resolve through the StyleX recipe */} <IconBadge variant="subtle" size="md" palette={indigoPalette}> <SparkIcon /> </IconBadge> );}