Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA square tile that gives icons a consistent surface, in outline, elevated, soft, solid and framed styles.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
import { IconTile } from "@/components/ui/icon-tile"<IconTile aria-hidden="true" variant="soft">
<SparklesIcon />
</IconTile>Variants: outline, elevated, soft, solid, frame. Sizes: xs to xl, radius default or full. The soft and solid variants take their colour from the text colour, so a class such as text-chart-3 retints the whole tile.
| Export | Description |
|---|---|
IconTile | A part of the component; compose it with the others as shown in the usage example. |
iconTileVariants | A part of the component; compose it with the others as shown in the usage example. |
A tile is decorative by default: pass aria-hidden="true" when an adjacent label names the action, or give the icon an accessible name when the tile stands alone.
Based on ReUI (MIT), adapted for tealmac UI. See the third-party notices.