Floating Label

[email protected]
About this piece

Floating Label

Focused input with the label shrunk to the top-left corner and a blinking caret after the value.

Usage

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

import { Form6 } from "@/components/beste/piece/form6";

<Form6
  label="Email address"
  value="[email protected]"
/>

More Form pieces

View all Form
Mira & Co.
Shown on invoices and in the team directory.
Oud Beste
We use this for invoices and tax documents.
FormalNeutralFriendlyPlayful
Mira
Beste
16
1224
Two-factor authenticationRequire a verification code at sign-in.