Form Autofill

Create your workspace

About this piece

Form Autofill

Name, email and company get typed in one after another behind a caret, then the Continue button spins through a loading state and morphs into an emerald check that says you're in.

Usage

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

import { Form37 } from "@/components/beste/piece/form37";

<Form37
  heading="Create your workspace"
  fields={[
    {
      "label": "Name",
      "value": "Nina Simone",
      "placeholder": "Your name"
    },
    {
      "label": "Email",
      "value": "[email protected]",
      "placeholder": "[email protected]",
      "type": "email"
    },
    {
      "label": "Company",
      "value": "Beste Records",
      "placeholder": "Company name"
    }
  ]}
  submitLabel="Continue"
  loadingLabel="Setting things up"
  doneLabel="You're in"
  bordered={false}
/>

More Form pieces

View all Form
mira-studio
mira-studio.beste.co is available.
Saved
Hania Rani
Two-factor authenticationRequire a verification code at sign-in.
4
7
1
9
Looks good, @ni
Nils Frahm
Nils Frahm@nils
Nina Simone
Nina Simone@nina
Nico Muhly
Nico Muhly@nico
Notifications