IconTile

A square accent tile with stepped corners for housing a PixelGlyph or any icon — the recurring motif in card headers and feature lists.

import { IconTile } from "@/components/dotto/icon-tile"
import { PixelGlyph } from "@/components/dotto/pixel-glyph"

<IconTile>
  <PixelGlyph shape="sparkle" />
</IconTile>

Props

Prop	Type	Default	Description
size	number	56	Tile width & height in px
color	string	—	Background color (defaults to the accent token)

Plus all native <div> attributes.