Foundations
Icon text
An icon and the words it marks, kept together in any language and at any width: the icon sits on the first line and the words wrap beside it.
Live example
Import
Each family is its own entry point, so a page loads only what it uses.
tsx
import { IconText } from "@nibapp/ui/components/icon-text";Props
Each component's own props and variants, read from its source. What it also takes from an element or a Base UI part is named below its table.
IconText
An icon and the words it marks, kept together in any language and at any width: the icon sits on the text's first line and the text wraps beside it, never under an icon left alone on a line. The icon's box is one line of the text's height; gap, colour and size come from `className`.
| Prop | Type | Default | Description |
|---|---|---|---|
| icon (required) | ReactNode | — | Decorative: the words say what it marks. |
Also takes .