Form

Use the Form to wrap input elements, define a trigger element, and get a top level submit callback.

Features

Works on native and web.

Outputs accessible forms.

Works with every Tamagui prop.

Anatomy

import { Form } from 'tamagui' // or '@tamagui/form'

export default () => (
  <Form>
    {/* ... */}
    <Form.Trigger asChild>
      <Button />
    </Form.Trigger>
  </Form>
)

API Reference

Form

Props

onSubmit (required)

() => void

Must use Form.Trigger to ensure onSubmit will callback.

Form.Trigger

Wrap this around your submitting element to make the form submit. We recommend using asChild to a child element of your choosing for more control.

Accepts Tamagui Props.

Edit this page on GitHub.

Forms

Panels

Organize

Content

Visual

Etc

Form

Features

Anatomy

API Reference

Form

Props

onSubmit (required)

Form.Trigger