Icon Feature

About this piece

Single feature card with a large icon tile beside a title and two supporting lines.

Usage

The import and the props worth knowing about, in one place.

import { Shapes51 } from "@/components/beste/piece/shapes51";

<Shapes51
  surface="card"
  bordered={true}
  inverted={false}
/>

Three feature rows in a card, each pairing an icon tile with a title and a body line.

Three columns, each with an icon tile, a heading line, and two body lines.

Image-topped tile with a title line, price block, and a circular add button.

Compact KPI tile with label, value, trend dot, and a sparkline trail.

Avatar circle, two stacked content lines, and a rose unread dot.

Side-by-side thumbnail, category dot, two title lines, and a meta line.