CardForm is a form component that has a header, a list of inputs and a footer that looks like a card from Vercel dashboard page.

​
Usage

import { CardForm } from '@turbostack/ui'

<CardForm
  title="Your Name"
  description="This will be your display name on TurboStack.io"
  helpText="Max 64 characters."
  inputAttrs={{ // all attributes from input file
    name: 'name',
    placeholder: 'Steve Wozniak'
  }}
  handleSubmit={async (e) => {}}
/>

CardForm is a form component that has a header, a list of inputs and a footer that looks like a card from Vercel dashboard page.

​
Usage

import { CardForm } from '@turbostack/ui'

<CardForm
  title="Your Name"
  description="This will be your display name on TurboStack.io"
  helpText="Max 64 characters."
  inputAttrs={{ // all attributes from input file
    name: 'name',
    placeholder: 'Steve Wozniak'
  }}
  handleSubmit={async (e) => {}}
/>