Sign Up Form

About this piece

Three labeled fields stacked above a checked agreement row and a primary submit.

Usage

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

import { Shapes66 } from "@/components/beste/piece/shapes66";

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

Heading above email and password fields with a full-width sign-in button.

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

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

Four OTP slots with the first two filled, the third focused, and a submit button.

Headline and subline above an email input paired with a primary submit button.

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