Tamagui Props

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.

Forces the pseudo style state to be on.

Adds some area outside the typical bounds of the component for touch actions to register. Tamagui uses Pressable internally so it supports number | Insets rather than just Insets.

Marks this component as a group for use in styling children based on parents named group.

Equivalent to "name" property on styled() for automatically applying a theme.

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: Disables className output of styles, instead using only inline styles.

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.

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.

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.

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.

Works only alongside group, when children of the group are using container based sizing on native you can hide them until parent is measured.

Disable all compiler optimization.

Used for controlling the order of focus with keyboard or assistive device enavigation.

Indicates to accessibility services to treat UI component like a specific role.

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.