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 — Base UI
icon-badge.tsx
123456789101112import { IconBadge } from "#components/ui/base-ui/icon-badge.tsx";import { indigoPalette } from "@stylexblocks/ui/themes/palettes.ts";
export function Example() { return ( {/* variant + size props resolve through the StyleX recipe and are exposed as data-variant / data-size attributes */} <IconBadge variant="subtle" size="md" palette={indigoPalette}> <SparkIcon /> </IconBadge> );}