All props supported on base Tamagui components.
Tamagui supports a superset of the React Native props. Start with:
From there, we add style props directly onto the same object.
Finally, there are a few non-style props Tamagui adds:
Apply an animation as defined in your createTamagui configuration.
A list of properties to animate. Note that flat transforms can only be controlled via `transform`.
Apply a theme or sub-theme to this component and the components below it.
Invert light or dark theme for the sub-tree.
Used in combination with the theme prop, it prevents the theme from passing to children.
Web Only: An escape hatch to set className. This works fully with the compiler, which will concat your defined className with its generated ones.
Web Only: Renders the final element as the given tag. Note: React Native Web doesn't support tag and as such if using any animation driver except CSS the tag prop will stop working. We'd recommend using "role" for most cases.
boolean | string | TamaguiConfig['space']
Deprecated, use gap instead - Spacing is built into Tamagui and can accept a number or Token.space value. This will filter out any nullish child elements and insert a spacer components between the remaining elements.
'horizontal' | 'vertical' | 'both'
Deprecated - By default the space inserted is a square, but if you set it to horizontal it will be 0px tall, vertical will be 0px wide.
boolean | 'verbose' | 'break'
When set Tamagui will output a variety of helpful information on how it parsed and applied styling. Verbose will output more information, and break will hit a debugger at the start of render in development mode.
boolean | "except-style"
When true, Tamagui expects a single child element. Instead of rendering its own element, it will pass all props to that child, merging together any event handling props. When "except-style", the same behavior except Tamagui won't pass styles down from the parent, only non-style props.
View & Text