Skip to main content

Tamagui adapter — all inputs (Tamagui)

Package: @formzk/tamagui (also pulls in @formzk/core and tamagui)

Every pre-wired input shipping with @formzk/tamagui, plus Tamagui's own Input registered via the Native.Provider. The same code runs on web (react-native-web) and native React Native — this sandbox runs the web build. The components shipped from the adapter are:

  • Checkbox — single checkbox with valueKey="checked".
  • CheckboxGroup — multi-select checkboxes bound to an array.
  • RadioGroup — single-value radio list, supports string or numeric value.
  • Switch — single toggle with valueKey="checked".
  • Select — dropdown, supports string or numeric value.

The app is wrapped in TamaguiProvider with the stock @tamagui/config theme; all values flow into one form state and show on submit.

Loading playground…

Notes​

  • Formzk.Tamagui.Item wraps each input with label / caption / error presentation — the layout prop switches between wrapped (default), contained, normal and none.
  • On native platforms Tamagui's Select needs an Adapt/Sheet setup to present its content; on web (like this sandbox) it works out of the box.
  • Values submit as their registered types — CheckboxGroup emits an array, RadioGroup/Select preserve numeric option values.