Verification Code

About this piece

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

Usage

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

import { Shapes69 } from "@/components/beste/piece/shapes69";

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

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

Avatar circle, two stacked content lines, and a rose unread dot.

Quote card with three body lines above an avatar, name, and role.

Three accordion rows, the first one expanded with answer lines underneath.

Triangle, circle, and square primitives lined up in three tones.

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