Settings List

About this piece

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

Usage

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

import { Shapes43 } from "@/components/beste/piece/shapes43";

<Shapes43
  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 accordion rows, the first one expanded with answer lines underneath.

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 small KPI tiles in a row, each with a label and a bold value bar.

Three tab labels above a divider, with a foreground indicator under the active one.