Labeled Input

Mira & Co.
Shown on invoices and in the team directory.
About this piece

Labeled Input

Standard text field with a label on top and a muted helper line under the control.

Usage

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

import { Form1 } from "@/components/beste/piece/form1";

<Form1
  surface="card"
  bordered={false}
  inverted={false}
  label="Workspace name"
  placeholder="Beste Studio"
  value="Mira & Co."
  helper="Shown on invoices and in the team directory."
/>

More Form pieces

View all Form
Oud Beste
We use this for invoices and tax documents.
Mira
Beste
532 000 12 34
design systemstypographymotionAdd a tag
Mira & Co.
[email protected]