Action Banner

About this piece

Inline banner with copy on the left and outlined plus solid action buttons on the right.

Usage

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

import { Shapes54 } from "@/components/beste/piece/shapes54";

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

Dark banner pairing a headline plus subline with an inverted call-to-action button.

Top bar with a logo tile, three menu items, and a primary action on the right.

Foreground panel with a stacked headline, subline, and a single inverted button.

Centered tagline above a row of four muted brand logo placeholders.

Two intersecting rounded bars forming a solid plus mark.

Three-node progress strip above a card with two fields and back-next actions.