wwwwwwwwwwwwwwwwwww
Introduction
Installation
Releases

Core

Configuration
Tokens
Stack & Text
styled
Variants
Props
Themes
Animations
Theme
useMedia
useTheme
FontLanguage
Extras

Compiler

About
Install
Benchmarks

Theme

Colors
Tokens

Tamagui

Stacks
Headings
Text

Forms

Button
Checkbox
Form
Input & TextArea
Label
Progress
RadioGroup
Select
Slider
Switch
ToggleGroup

Panels

AlertDialog
Dialog
Popover
Sheet
Tooltip
Toast

Organize

Accordion
Group
Tabs

Content

Avatar
Card
Image
ListItem

Visual

LinearGradient
Separator
Square & Circle

Etc

Anchor
HTML Elements
ScrollView
Spinner
Unspaced
VisuallyHidden

Extras

Lucide Icons

Guides

Design Systems
Creating Custom Themes
How to Build a Button
Developing
Next.js
Expo
Vite
create-tamagui

Community

Community
Blog
GitHub
Twitter
Discord

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.

Installation

Form is already installed in tamagui, or you can install it independently:

npm install @tamagui/form

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.

    Previous

    Checkbox

    Next

    Input & TextArea