Contact Info

About this piece

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

Usage

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

import { Shapes61 } from "@/components/beste/piece/shapes61";

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

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

Two-column card with copy on the left and a stacked form with submit on the right.

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

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

Two single-line fields above a tall message field and a full-width submit button.

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