Feature List

About this piece

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

Usage

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

import { Shapes50 } from "@/components/beste/piece/shapes50";

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

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

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

Three divided rows pairing mail, phone, and pin icons with label and value.

Three divided rows with labels and trailing toggles or value lines.

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

Three small KPI tiles in a row, each with a label and a bold value bar.