Input With Action

Joined input and dark action button sharing a border, typical for invite, subscribe, or apply flows.

lara@beste.co
They'll get an email with a link that expires in 72 hours.

New here? Read the installation guide.

Import & use
import { Form10 } from "@/components/beste/piece/form10";

<Form10
  label="Invite teammates"
  placeholder="name@company.com"
  value="lara@beste.co"
  action="Send invite"
  hint="They'll get an email with a link that expires in 72 hours."
/>

More Form pieces

View all Form
Mira
Beste

Input Row

Two inputs arranged side by side on a responsive grid for first/last names and paired fields.

design systemstypographymotionType and press ↵
Up to 8 tags. Use hyphens instead of spaces.

Tag Input

Free-form tagger that wraps committed tokens as removable chips and shows a placeholder slot at the end.

Mira & Co.

Inline Edit

Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.

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

Labeled Input

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

One email when we open the doors. Nothing else.

Inline Subscribe Row

A single-row capture card with a labelled email field, an accent submit button beside it, and fine print underneath.

532 000 12 34
We'll text a login code if you enable 2FA.

Phone Input

Phone field with a flag and dial-code chooser on the left, then the national number in mono.

Markdown version