Style props
Every component in the kit is a styled(Box) frame, so every component accepts
the same style surface — around 500 props, including shorthands and the React
Native style properties Tamagui maps.
Component pages do not enumerate these; they show a count and link here.
The ones you will actually type
| Shorthand | Property | Takes |
|---|---|---|
p px py pt pr pb pl | padding | $space token or number |
m mx my mt mr mb ml | margin | $space token or number |
gap | gap | $space token or number |
bg | backgroundColor | theme colour token |
c | color | theme colour token |
br | borderRadius | $radius token or number |
fz | fontSize | $fontSize token or number |
w h | width, height | $size token, number, or "100%" |
maw miw mah mih | max/min width and height | as above |
Plus the state props — hoverStyle, pressStyle, focusStyle, disabledStyle —
which take the same objects:
<Box bg="$color2" hoverStyle={{ bg: "$color3" }} pressStyle={{ bg: "$color4" }} />Breakpoint objects
Any of them accepts a breakpoint map:
<Box p={{ xxs: "$sm", md: "$lg" }} />See Responsive.
The full surface
| Prop | Type |
|---|---|
$group-focus | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-focusVisible | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-focusWithin | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtLg | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtLg-focus | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtLg-focusVisible | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtLg-focusWithin | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtLg-hover | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtLg-press | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtMd | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtMd-focus | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtMd-focusVisible | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtMd-focusWithin | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtMd-hover | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtMd-press | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtSm | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtSm-focus | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtSm-focusVisible | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtSm-focusWithin | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtSm-hover | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtSm-press | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXl | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXl-focus | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXl-focusVisible | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXl-focusWithin | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXl-hover | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXl-press | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXs | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXs-focus | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXs-focusVisible | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXs-focusWithin | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXs-hover | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-gtXs-press | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-hover | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-lg | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-lg-focus | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-lg-focusVisible | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-lg-focusWithin | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-lg-hover | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-lg-press | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-md | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-md-focus | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-md-focusVisible | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-md-focusWithin | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-md-hover | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-md-press | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-press | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-sm | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-sm-focus | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-sm-focusVisible | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-sm-focusWithin | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-sm-hover | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-sm-press | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xl | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xl-focus | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xl-focusVisible | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xl-focusWithin | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xl-hover | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xl-press | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xs | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xs-focus | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xs-focusVisible | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xs-focusWithin | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xs-hover | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$group-xs-press | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$gtLg | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$gtMd | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$gtSm | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$gtXl | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$gtXs | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$lg | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$md | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$platform-android | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$platform-androidtv | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$platform-ios | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$platform-native | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$platform-tv | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$platform-tvos | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$platform-web | (Partial<CSSProperties> & Partial<WebOnlyValidStyleValues> & { br?: number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})… |
$sm | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$theme-dark | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$theme-light | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$xl | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
$xs | (WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValues<StackStyleBase>> & With… |
accessibilityActions | readonly Readonly<{ name: AccessibilityActionName | string; label?: string | undefined; }>[] | undefined |
accessibilityElementsHidden | boolean | undefined |
accessibilityHint | string | undefined |
accessibilityIgnoresInvertColors | boolean | undefined |
accessibilityLabel | string | undefined |
accessibilityLabelledBy | string | string[] | undefined |
accessibilityLanguage | string | undefined |
accessibilityLargeContentTitle | string | undefined |
accessibilityLiveRegion | "none" | "polite" | "assertive" | undefined |
accessibilityRespondsToUserInteraction | boolean | undefined |
accessibilityRole | AccessibilityRole | undefined |
accessibilityShowsLargeContentViewer | boolean | undefined |
accessibilityState | AccessibilityState | undefined |
accessibilityValue | AccessibilityValue | undefined |
accessibilityViewIsModal | boolean | undefined |
accessible | boolean | undefined |
adjustsFontSizeToFit | boolean | undefined |
align | string | undefined |
alignContent | "unset" | "center" | "flex-start" | "flex-end" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined |
alignItems | "unset" | FlexAlignType | undefined |
alignSelf | "unset" | "auto" | FlexAlignType | undefined |
allowDownscaling | boolean | undefined |
allowFontScaling | boolean | undefined |
alt | string | undefined |
android_hyphenationFrequency | "none" | "normal" | "full" | undefined |
animatedBy | string | null | undefined |
animateOnly | string[] | undefined |
animatePresence | boolean | undefined |
aria-busy | boolean | undefined |
aria-checked | boolean | "mixed" | undefined |
aria-disabled | boolean | undefined |
aria-expanded | boolean | undefined |
aria-hidden | boolean | undefined |
aria-label | string | undefined |
aria-labelledby | string | undefined |
aria-live | "polite" | "assertive" | "off" | undefined |
aria-modal | boolean | undefined |
aria-selected | boolean | undefined |
aria-valuemax | number | undefined |
aria-valuemin | number | undefined |
aria-valuenow | number | undefined |
aria-valuetext | string | undefined |
asChild | boolean | "web" | "except-style" | "except-style-web" | undefined |
aspectRatio | string | number | undefined |
autoCapitalize | "off" | "none" | (string & {}) | "on" | "sentences" | "words" | "characters" | undefined |
autoComplete | string | undefined |
autoCorrect | string | boolean | undefined |
autoFocus | boolean | undefined |
autoplay | boolean | undefined |
autosize | boolean | undefined |
backdropFilter | Property.BackdropFilter | undefined |
backfaceVisibility | "unset" | "hidden" | "visible" | undefined |
background | Property.Background<0 | (string & {})> | undefined |
backgroundAttachment | Property.BackgroundAttachment | undefined |
backgroundBlendMode | Property.BackgroundBlendMode | undefined |
backgroundClip | Property.BackgroundClip | undefined |
backgroundColor | OpaqueColorValue | GetThemeValueForKey<"backgroundColor"> | undefined |
backgroundImage | Property.BackgroundImage | undefined |
backgroundOrigin | Property.BackgroundOrigin | undefined |
backgroundPosition | Property.BackgroundPosition<0 | (string & {})> | undefined |
backgroundRepeat | Property.BackgroundRepeat | undefined |
backgroundSize | Property.BackgroundSize<0 | (string & {})> | undefined |
bdrs | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | null | undefined |
bg | OpaqueColorValue | GetThemeValueForKey<"backgroundColor"> | null | undefined |
blockSize | number | SizeTokens | undefined |
blurRadius | number | undefined |
border | "unset" | BorderValue | undefined |
borderBlockColor | OpaqueColorValue | GetThemeValueForKey<"borderBlockColor"> | undefined |
borderBlockEndColor | OpaqueColorValue | GetThemeValueForKey<"borderBlockEndColor"> | undefined |
borderBlockEndStyle | "unset" | "dashed" | "dotted" | "solid" | undefined |
borderBlockEndWidth | number | GetThemeValueForKey<"borderBlockEndWidth"> | undefined |
borderBlockStartColor | OpaqueColorValue | GetThemeValueForKey<"borderBlockStartColor"> | undefined |
borderBlockStartStyle | "unset" | "dashed" | "dotted" | "solid" | undefined |
borderBlockStartWidth | number | GetThemeValueForKey<"borderBlockStartWidth"> | undefined |
borderBlockStyle | "unset" | "dashed" | "dotted" | "solid" | undefined |
borderBlockWidth | number | GetThemeValueForKey<"borderBlockWidth"> | undefined |
borderBottomColor | OpaqueColorValue | GetThemeValueForKey<"borderBottomColor"> | undefined |
borderBottomEndRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderBottomLeftRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderBottomRightRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderBottomStartRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderBottomWidth | number | GetThemeValueForKey<"borderBottomWidth"> | undefined |
borderColor | OpaqueColorValue | GetThemeValueForKey<"borderColor"> | undefined |
borderCurve | "unset" | "circular" | "continuous" | undefined |
borderEndColor | ColorValue | undefined |
borderEndEndRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderEndStartRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderEndWidth | number | GetThemeValueForKey<"borderEndWidth"> | undefined |
borderImage | Property.BorderImage | undefined |
borderInlineColor | GetThemeValueForKey<"borderInlineColor"> | undefined |
borderInlineEndColor | GetThemeValueForKey<"borderInlineEndColor"> | undefined |
borderInlineEndStyle | "unset" | "dashed" | "dotted" | "solid" | undefined |
borderInlineEndWidth | number | GetThemeValueForKey<"borderInlineEndWidth"> | undefined |
borderInlineStartColor | GetThemeValueForKey<"borderInlineStartColor"> | undefined |
borderInlineStartStyle | "unset" | "dashed" | "dotted" | "solid" | undefined |
borderInlineStartWidth | number | GetThemeValueForKey<"borderInlineStartWidth"> | undefined |
borderInlineStyle | "unset" | "dashed" | "dotted" | "solid" | undefined |
borderInlineWidth | number | GetThemeValueForKey<"borderInlineWidth"> | undefined |
borderLeftColor | OpaqueColorValue | GetThemeValueForKey<"borderLeftColor"> | undefined |
borderLeftWidth | number | GetThemeValueForKey<"borderLeftWidth"> | undefined |
borderRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderRightColor | OpaqueColorValue | GetThemeValueForKey<"borderRightColor"> | undefined |
borderRightWidth | number | GetThemeValueForKey<"borderRightWidth"> | undefined |
borderStartColor | ColorValue | undefined |
borderStartEndRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderStartStartRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderStartWidth | number | GetThemeValueForKey<"borderStartWidth"> | undefined |
borderStyle | "unset" | "dashed" | "dotted" | "solid" | undefined |
borderTopColor | OpaqueColorValue | GetThemeValueForKey<"borderTopColor"> | undefined |
borderTopEndRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderTopLeftRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderTopRightRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderTopStartRadius | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | undefined |
borderTopWidth | number | GetThemeValueForKey<"borderTopWidth"> | undefined |
borderWidth | number | GetThemeValueForKey<"borderWidth"> | undefined |
bottom | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"bottom"> | null | undefined |
boxShadow | "unset" | BoxShadowValue | undefined |
boxSizing | "unset" | "border-box" | "content-box" | undefined |
br | number | "$xs" | "$sm" | "$md" | "$lg" | "$xl" | "unset" | "$0" | "$true" | "$xxs" | "$xxl" | Variable<any> | `${number}rem` | UnionableNumber | "inherit" | `var(${string})` | Animated.AnimatedNode | null | undefined |
c | undefined |
cachePolicy | "none" | "disk" | "memory" | "memory-disk" | null | undefined |
caretColor | Property.CaretColor | undefined |
center | boolean | undefined |
children | any |
circle | boolean | undefined |
className | string | undefined |
clipPath | Property.ClipPath | undefined |
collapsable | boolean | undefined |
collapsableChildren | boolean | undefined |
color | GetThemeValueForKey<"color"> | OpaqueColorValue | undefined |
columnGap | number | GetThemeValueForKey<"columnGap"> | undefined |
component | InputHostTag | undefined |
componentName | string | undefined |
contain | Property.Contain | undefined |
containerType | Property.ContainerType | undefined |
content | Property.Content | undefined |
contentFit | ImageContentFit | undefined |
contentPosition | ImageContentPosition | undefined |
cursor | Property.Cursor | undefined |
cursorColor | "unset" | ColorTokens | undefined |
dangerouslySetInnerHTML | { __html: string; } | undefined |
dataDetectorType | "link" | "none" | "all" | "email" | "phoneNumber" | null | undefined |
debug | DebugProp | undefined |
decodeFormat | ImageDecodeFormat | undefined |
defaultSource | ImageSource | null | undefined |
defaultValue | string | number | readonly string[] | undefined |
description | ReactNode |
descriptionProps | GetFinalProps<RNTamaguiTextNonStyleProps, TextStylePropsBase, { size?: string | number | undefined; span?: boolean | undefined; lineClamp?: number | undefined; inherit?: boolean | undefined; truncate?: boolean | "end" | "start" | undefined;… |
dir | "auto" | "rtl" | "ltr" | undefined |
direction | "unset" | "inherit" | "rtl" | "ltr" | undefined |
disableClassName | boolean | undefined |
disabledState | boolean | undefined |
disabledStyle | PseudoStyleWithTransition<WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValue… |
disableOptimization | boolean | undefined |
display | "flex" | "unset" | "none" | "inherit" | "block" | "inline" | "inline-flex" | "contents" | undefined |
download | any |
draggable | boolean | undefined |
dynamicTypeRamp | "body" | "caption2" | "caption1" | "footnote" | "subheadline" | "callout" | "headline" | "title3" | "title2" | "title1" | "largeTitle" | undefined |
elevation | number | "unset" | undefined |
elevationAndroid | string | number | undefined |
ellipsis | boolean | "unset" | undefined |
ellipsizeMode | "head" | "middle" | "clip" | "tail" | undefined |
enableLiveTextInteraction | boolean | undefined |
end | "unset" | DimensionValue | "safe" | undefined |
enforceEarlyResizing | boolean | undefined |
enterKeyHint | "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined |
enterStyle | PseudoStyleWithTransition<WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValue… |
error | ReactNode |
errorProps | GetFinalProps<RNTamaguiTextNonStyleProps, TextStylePropsBase, { size?: string | number | undefined; span?: boolean | undefined; lineClamp?: number | undefined; inherit?: boolean | undefined; truncate?: boolean | "end" | "start" | undefined;… |
exitStyle | PseudoStyleWithTransition<WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValue… |
experimental_backgroundImage | string | readonly BackgroundImageValue[] | undefined |
experimental_backgroundPosition | string | readonly BackgroundPositionValue[] | undefined |
experimental_backgroundRepeat | string | readonly BackgroundRepeatValue[] | undefined |
experimental_backgroundSize | string | readonly BackgroundSizeValue[] | undefined |
fadeDuration | number | undefined |
ff | undefined |
filter | "unset" | FilterValue | undefined |
flex | number | "unset" | undefined |
flexBasis | "unset" | DimensionValue | undefined |
flexDirection | "unset" | "column" | "row" | "row-reverse" | "column-reverse" | undefined |
flexGrow | number | "unset" | undefined |
flexShrink | number | "unset" | undefined |
flexWrap | "unset" | "nowrap" | "wrap" | "wrap-reverse" | undefined |
float | Property.Float | undefined |
fluid | boolean | undefined |
focusable | boolean | undefined |
focusStyle | PseudoStyleWithTransition<WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValue… |
focusVisibleStyle | PseudoStyleWithTransition<WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValue… |
focusWithinStyle | PseudoStyleWithTransition<WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValue… |
fontFamily | "unset" | GetThemeValueForKey<"fontFamily"> | undefined |
fontSize | "unset" | GetThemeValueForKey<"fontSize"> | undefined |
fontStyle | "unset" | "normal" | "italic" | undefined |
fontVariant | "unset" | FontVariant[] | undefined |
fontWeight | "unset" | GetThemeValueForKey<"fontWeight"> | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined |
forceStyle | "hover" | "press" | "focus" | "focusVisible" | "focusWithin" | undefined |
fs | undefined |
fw | undefined |
fz | undefined |
gap | number | GetThemeValueForKey<"gap"> | undefined |
gridColumn | Property.GridColumn | undefined |
gridColumnEnd | Property.GridColumnEnd | undefined |
gridColumnGap | Property.GridColumnGap<0 | (string & {})> | undefined |
gridColumnStart | Property.GridColumnStart | undefined |
gridRow | Property.GridRow | undefined |
gridRowEnd | Property.GridRowEnd | undefined |
gridRowGap | Property.GridRowGap<0 | (string & {})> | undefined |
gridRowStart | Property.GridRowStart | undefined |
gridTemplateAreas | Property.GridTemplateAreas | undefined |
gridTemplateColumns | Property.GridTemplateColumns<0 | (string & {})> | undefined |
group | boolean | undefined |
h | number | Animated.AnimatedNode | GetThemeValueForKey<"height"> | null | undefined |
hasIcon | boolean | undefined |
hasTVPreferredFocus | boolean | undefined |
height | number | Animated.AnimatedNode | GetThemeValueForKey<"height"> | null | undefined |
hitSlop | number | Insets | null | undefined |
horizontalSize | number | "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined |
hoverStyle | PseudoStyleWithTransition<WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValue… |
htmlFor | string | undefined |
id | string | undefined |
importantForAccessibility | "auto" | "yes" | "no" | "no-hide-descendants" | undefined |
includeFontPadding | boolean | "unset" | undefined |
inherit | boolean | undefined |
inline | boolean | undefined |
inlineSize | number | SizeTokens | undefined |
inputContainer | ((children: ReactNode) => ReactNode) | undefined |
inputSize | string | undefined |
inputWrapperOrder | InputWrapperOrderItem[] | undefined |
inset | number | SpaceTokens | "safe" | undefined |
insetBlock | number | SpaceTokens | undefined |
insetBlockEnd | number | SpaceTokens | undefined |
insetBlockStart | number | SpaceTokens | undefined |
insetInline | number | SpaceTokens | undefined |
insetInlineEnd | number | SpaceTokens | undefined |
insetInlineStart | number | SpaceTokens | undefined |
isolation | "unset" | "auto" | "isolate" | undefined |
isTVSelectable | boolean | undefined |
justify | string | undefined |
justifyContent | "unset" | "center" | "flex-start" | "flex-end" | "space-around" | "space-between" | "space-evenly" | undefined |
label | ReactNode |
labeled | boolean | undefined |
labelElement | "div" | "label" | undefined |
labelProps | InputLabelProps | undefined |
left | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"left"> | null | undefined |
leftSection | ReactNode |
leftSectionPointerEvents | InputSectionPointerEvents | undefined |
leftSectionProps | Partial<GetFinalProps<RNTamaguiViewNonStyleProps, StackStyleBase, { shadow?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined; sectionPointerEvents?: "none" | "all" | undefined; }>> | undefined |
leftSectionWidth | number | Animated.AnimatedNode | GetThemeValueForKey<"width"> | null | undefined |
letterSpacing | "unset" | GetThemeValueForKey<"letterSpacing"> | undefined |
lh | undefined |
lineBreakMode | "head" | "middle" | "clip" | "tail" | undefined |
lineBreakStrategyIOS | "none" | "standard" | "hangul-word" | "push-out" | undefined |
lineClamp | number | undefined |
lineHeight | "unset" | GetThemeValueForKey<"lineHeight"> | undefined |
loading | "lazy" | "eager" | undefined |
loadingIndicatorSource | ImageSource | null | undefined |
loadingPosition | "left" | "right" | undefined |
lts | undefined |
m | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"margin"> | null | undefined |
mah | number | Animated.AnimatedNode | GetThemeValueForKey<"maxHeight"> | null | undefined |
margin | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"margin"> | null | undefined |
marginBlock | number | "safe" | GetThemeValueForKey<"marginBlock"> | undefined |
marginBlockEnd | number | "safe" | GetThemeValueForKey<"marginBlockEnd"> | undefined |
marginBlockStart | number | "safe" | GetThemeValueForKey<"marginBlockStart"> | undefined |
marginBottom | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginBottom"> | null | undefined |
marginEnd | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginEnd"> | null | undefined |
marginHorizontal | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginHorizontal"> | null | undefined |
marginInline | number | "safe" | GetThemeValueForKey<"marginInline"> | undefined |
marginInlineEnd | number | "safe" | GetThemeValueForKey<"marginInlineEnd"> | undefined |
marginInlineStart | number | "safe" | GetThemeValueForKey<"marginInlineStart"> | undefined |
marginLeft | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginLeft"> | null | undefined |
marginRight | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginRight"> | null | undefined |
marginStart | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginStart"> | null | undefined |
marginTop | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginTop"> | null | undefined |
marginVertical | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginVertical"> | null | undefined |
mask | Property.Mask<0 | (string & {})> | undefined |
maskBorder | Property.MaskBorder | undefined |
maskBorderMode | Property.MaskBorderMode | undefined |
maskBorderOutset | Property.MaskBorderOutset<0 | (string & {})> | undefined |
maskBorderRepeat | Property.MaskBorderRepeat | undefined |
maskBorderSlice | Property.MaskBorderSlice | undefined |
maskBorderSource | Property.MaskBorderSource | undefined |
maskBorderWidth | Property.MaskBorderWidth<0 | (string & {})> | undefined |
maskClip | Property.MaskClip | undefined |
maskComposite | Property.MaskComposite | undefined |
maskImage | Property.MaskImage | undefined |
maskMode | Property.MaskMode | undefined |
maskOrigin | Property.MaskOrigin | undefined |
maskPosition | Property.MaskPosition<0 | (string & {})> | undefined |
maskRepeat | Property.MaskRepeat | undefined |
maskSize | Property.MaskSize<0 | (string & {})> | undefined |
maskType | Property.MaskType | undefined |
matrix | "unset" | number[] | undefined |
maw | number | Animated.AnimatedNode | GetThemeValueForKey<"maxWidth"> | null | undefined |
max | string | number | undefined |
maxBlockSize | number | SizeTokens | undefined |
maxFontSizeMultiplier | number | null | undefined |
maxHeight | number | Animated.AnimatedNode | GetThemeValueForKey<"maxHeight"> | null | undefined |
maxInlineSize | number | SizeTokens | undefined |
maxLength | number | undefined |
maxRows | number | undefined |
maxWidth | number | Animated.AnimatedNode | GetThemeValueForKey<"maxWidth"> | null | undefined |
mb | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginBottom"> | null | undefined |
me | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginEnd"> | null | undefined |
mie | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginEnd"> | null | undefined |
mih | number | Animated.AnimatedNode | GetThemeValueForKey<"minHeight"> | null | undefined |
min | string | number | undefined |
minBlockSize | number | SizeTokens | undefined |
minHeight | number | Animated.AnimatedNode | GetThemeValueForKey<"minHeight"> | null | undefined |
minimumFontScale | number | undefined |
minInlineSize | number | SizeTokens | undefined |
minLength | number | undefined |
minRows | number | undefined |
minWidth | number | Animated.AnimatedNode | GetThemeValueForKey<"minWidth"> | null | undefined |
mis | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginStart"> | null | undefined |
miw | number | Animated.AnimatedNode | GetThemeValueForKey<"minWidth"> | null | undefined |
mixBlendMode | "unset" | BlendMode | undefined |
ml | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginLeft"> | null | undefined |
mr | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginRight"> | null | undefined |
ms | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginStart"> | null | undefined |
mt | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginTop"> | null | undefined |
multiline | boolean | undefined |
multiple | boolean | undefined |
mx | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginHorizontal"> | null | undefined |
my | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"marginVertical"> | null | undefined |
name | string | undefined |
nativeID | string | undefined |
needsOffscreenAlphaCompositing | boolean | undefined |
numberOfLines | number | "unset" | undefined |
objectFit | Property.ObjectFit | undefined |
on | boolean | undefined |
onAccessibilityAction | ((event: AccessibilityActionEvent) => void) | undefined |
onAccessibilityEscape | (() => void) | undefined |
onAccessibilityTap | (() => void) | undefined |
onBeforeInput | InputEventHandler<HTMLDivElement> | undefined |
onBlur | FocusEventHandler<HTMLDivElement> | undefined |
onChange | ChangeEventHandler<HTMLDivElement, Element> | undefined |
onChangeText | ((text: string) => void) | undefined |
onClick | MouseEventHandler<HTMLDivElement> | undefined |
onContextMenu | MouseEventHandler<HTMLDivElement> | undefined |
onCopy | ClipboardEventHandler<HTMLDivElement> | undefined |
onCut | ClipboardEventHandler<HTMLDivElement> | undefined |
onDisplay | (() => void) | undefined |
onDoubleClick | MouseEventHandler<HTMLDivElement> | undefined |
onDrag | DragEventHandler<HTMLDivElement> | undefined |
onDragEnd | DragEventHandler<HTMLDivElement> | undefined |
onDragEnter | DragEventHandler<HTMLDivElement> | undefined |
onDragLeave | DragEventHandler<HTMLDivElement> | undefined |
onDragOver | DragEventHandler<HTMLDivElement> | undefined |
onDragStart | DragEventHandler<HTMLDivElement> | undefined |
onDrop | DragEventHandler<HTMLDivElement> | undefined |
onFocus | FocusEventHandler<HTMLDivElement> | undefined |
onInput | InputEventHandler<HTMLDivElement> | undefined |
onKeyDown | KeyboardEventHandler<HTMLDivElement> | undefined |
onKeyUp | KeyboardEventHandler<HTMLDivElement> | undefined |
onLayout | ((event: LayoutChangeEvent) => void) | undefined |
onLoadEnd | (() => void) | undefined |
onLoadStart | (() => void) | undefined |
onLongPress | ((event: GestureResponderEvent) => void) | null | undefined |
onMagicTap | (() => void) | undefined |
onMouseDown | MouseEventHandler<HTMLDivElement> | undefined |
onMouseEnter | MouseEventHandler<HTMLDivElement> | undefined |
onMouseLeave | MouseEventHandler<HTMLDivElement> | undefined |
onMouseMove | MouseEventHandler<HTMLDivElement> | undefined |
onMouseOut | MouseEventHandler<HTMLDivElement> | undefined |
onMouseOver | MouseEventHandler<HTMLDivElement> | undefined |
onMouseUp | MouseEventHandler<HTMLDivElement> | undefined |
onMoveShouldSetResponder | ((event: GestureResponderEvent) => boolean) | undefined |
onMoveShouldSetResponderCapture | ((event: GestureResponderEvent) => boolean) | undefined |
onPaste | ClipboardEventHandler<HTMLDivElement> | undefined |
onPointerCancel | PointerEventHandler<HTMLDivElement> | undefined |
onPointerCancelCapture | ((event: PointerEvent) => void) | undefined |
onPointerDown | PointerEventHandler<HTMLDivElement> | undefined |
onPointerDownCapture | ((event: PointerEvent) => void) | undefined |
onPointerEnter | ((event: PointerEvent) => void) | undefined |
onPointerEnterCapture | ((event: PointerEvent) => void) | undefined |
onPointerLeave | ((event: PointerEvent) => void) | undefined |
onPointerLeaveCapture | ((event: PointerEvent) => void) | undefined |
onPointerMove | PointerEventHandler<HTMLDivElement> | undefined |
onPointerMoveCapture | ((event: PointerEvent) => void) | undefined |
onPointerUp | PointerEventHandler<HTMLDivElement> | undefined |
onPointerUpCapture | ((event: PointerEvent) => void) | undefined |
onPress | ((event: GestureResponderEvent) => void) | null | undefined |
onPressIn | ((event: GestureResponderEvent) => void) | null | undefined |
onPressOut | ((event: GestureResponderEvent) => void) | null | undefined |
onProgress | ((event: ImageProgressEventData) => void) | undefined |
onResponderEnd | ((event: GestureResponderEvent) => void) | undefined |
onResponderGrant | ((event: GestureResponderEvent) => void) | undefined |
onResponderMove | ((event: GestureResponderEvent) => void) | undefined |
onResponderReject | ((event: GestureResponderEvent) => void) | undefined |
onResponderRelease | ((event: GestureResponderEvent) => void) | undefined |
onResponderStart | ((event: GestureResponderEvent) => void) | undefined |
onResponderTerminate | ((event: GestureResponderEvent) => void) | undefined |
onResponderTerminationRequest | ((event: GestureResponderEvent) => boolean) | undefined |
onScroll | UIEventHandler<HTMLDivElement> | undefined |
onScrollShouldSetResponder | unknown |
onScrollShouldSetResponderCapture | unknown |
onSelectionChange | ((event: InputSelectionChangePayload) => void) | undefined |
onSelectionChangeShouldSetResponder | unknown |
onSelectionChangeShouldSetResponderCapture | unknown |
onStartShouldSetResponder | ((event: GestureResponderEvent) => boolean) | undefined |
onStartShouldSetResponderCapture | ((event: GestureResponderEvent) => boolean) | undefined |
onSubmitEditing | ((event: InputTextEventPayload) => void) | undefined |
onTextLayout | ((event: NativeSyntheticEvent<TextLayoutEventData>) => void) | undefined |
onTouchCancel | ((event: GestureResponderEvent) => void) | undefined |
onTouchEnd | ((event: GestureResponderEvent) => void) | undefined |
onTouchEndCapture | ((event: GestureResponderEvent) => void) | undefined |
onTouchMove | ((event: GestureResponderEvent) => void) | undefined |
onTouchStart | ((event: GestureResponderEvent) => void) | undefined |
onWheel | WheelEventHandler<HTMLDivElement> | undefined |
opacity | "unset" | AnimatableNumericValue | GetThemeValueForKey<"opacity"> | undefined |
order | 1 | 6 | 4 | 5 | 2 | 3 | undefined |
orientation | "horizontal" | "vertical" | undefined |
outline | "unset" | OutlineValue | undefined |
outlineColor | GetThemeValueForKey<"outlineColor"> | undefined |
outlineOffset | SpaceValue | undefined |
outlineStyle | "unset" | (string & {}) | "dashed" | "dotted" | "solid" | undefined |
outlineWidth | SpaceValue | undefined |
overflow | "unset" | "hidden" | "visible" | "scroll" | undefined |
overflowBlock | Property.OverflowBlock | undefined |
overflowInline | Property.OverflowInline | undefined |
overflowX | Property.OverflowX | undefined |
overflowY | Property.OverflowY | undefined |
p | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"padding"> | null | undefined |
padding | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"padding"> | null | undefined |
paddingBlock | number | "safe" | GetThemeValueForKey<"paddingBlock"> | undefined |
paddingBlockEnd | number | "safe" | GetThemeValueForKey<"paddingBlockEnd"> | undefined |
paddingBlockStart | number | "safe" | GetThemeValueForKey<"paddingBlockStart"> | undefined |
paddingBottom | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingBottom"> | null | undefined |
paddingEnd | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingEnd"> | null | undefined |
paddingHorizontal | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingHorizontal"> | null | undefined |
paddingInline | number | "safe" | GetThemeValueForKey<"paddingInline"> | undefined |
paddingInlineEnd | number | "safe" | GetThemeValueForKey<"paddingInlineEnd"> | undefined |
paddingInlineStart | number | "safe" | GetThemeValueForKey<"paddingInlineStart"> | undefined |
paddingLeft | number | GetThemeValueForKey<"paddingLeft"> | Animated.AnimatedNode | "safe" | null | undefined |
paddingRight | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingRight"> | null | undefined |
paddingStart | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingStart"> | null | undefined |
paddingTop | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingTop"> | null | undefined |
paddingVertical | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingVertical"> | null | undefined |
passThrough | boolean | undefined |
pattern | string | undefined |
pb | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingBottom"> | null | undefined |
pe | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingEnd"> | null | undefined |
perspective | number | "unset" | undefined |
pie | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingEnd"> | null | undefined |
pis | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingStart"> | null | undefined |
pl | number | GetThemeValueForKey<"paddingLeft"> | Animated.AnimatedNode | "safe" | null | undefined |
placeholder | string | number | string[] | ImageSource | ImageSource[] | SharedRefType<"image", Record<never, never>> | null | undefined |
placeholderContentFit | ImageContentFit | undefined |
placeholderTextColor | "unset" | ColorTokens | undefined |
pointer | boolean | undefined |
pointerEvents | "unset" | "none" | "auto" | "box-none" | "box-only" | undefined |
pos | "unset" | "absolute" | "fixed" | "relative" | "static" | "sticky" | null | undefined |
position | "unset" | "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined |
pr | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingRight"> | null | undefined |
preferHighDynamicRange | boolean | undefined |
pressRetentionOffset | { top: number; left: number; bottom: number; right: number; } | undefined |
pressStyle | PseudoStyleWithTransition<WithThemeValues<StackStyleBase> & { shadow?: "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined; spacing?: string | number | undefined; withPadding?: boolean | undefined; } & WithShorthands<WithThemeValue… |
priority | "normal" | "low" | "high" | null | undefined |
ps | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingStart"> | null | undefined |
pt | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingTop"> | null | undefined |
px | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingHorizontal"> | null | undefined |
py | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"paddingVertical"> | null | undefined |
ratio | number | undefined |
readOnly | boolean | undefined |
recyclingKey | string | null | undefined |
rel | any |
removeClippedSubviews | boolean | undefined |
render | keyof HTMLElementTagNameMap | ReactElement<unknown, string | JSXElementConstructor<any>> | (string & {}) | ((props: Record<string, any> & { ref?: Ref<any>; }, state: TamaguiComponentState) => ReactElement) | undefined |
renderToHardwareTextureAndroid | boolean | undefined |
required | boolean | undefined |
responsivePolicy | "initial" | "static" | "live" | undefined |
right | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"right"> | null | undefined |
rightSection | ReactNode |
rightSectionPointerEvents | InputSectionPointerEvents | undefined |
rightSectionProps | Partial<GetFinalProps<RNTamaguiViewNonStyleProps, StackStyleBase, { shadow?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined; sectionPointerEvents?: "none" | "all" | undefined; }>> | undefined |
rightSectionWidth | number | Animated.AnimatedNode | GetThemeValueForKey<"width"> | null | undefined |
role | Role | undefined |
rootRef | Ref<TamaguiElement> | undefined |
rotate | "unset" | UnionableString | `${number}deg` | undefined |
rotateX | "unset" | UnionableString | `${number}deg` | undefined |
rotateY | "unset" | UnionableString | `${number}deg` | undefined |
rotateZ | "unset" | UnionableString | `${number}deg` | undefined |
rotation | "unset" | AnimatableNumericValue | undefined |
rowGap | number | GetThemeValueForKey<"rowGap"> | undefined |
rows | number | undefined |
scale | number | GetThemeValueForKey<"scale"> | undefined |
scaleX | number | GetThemeValueForKey<"scaleX"> | undefined |
scaleY | number | GetThemeValueForKey<"scaleY"> | undefined |
screenReaderFocusable | boolean | undefined |
selectable | boolean | undefined |
selection | { start: number; end?: number; } | undefined |
selectionColor | ColorValue | undefined |
selectionHandleColor | "unset" | ColorTokens | undefined |
sfEffect | SFSymbolEffect | null | undefined |
shadowColor | OpaqueColorValue | GetThemeValueForKey<"shadowColor"> | undefined |
shadowOffset | "unset" | GetThemeValueForKey<"shadowOffset"> | Readonly<{ width: number; height: number; }> | undefined |
shadowOpacity | "unset" | AnimatableNumericValue | undefined |
shadowRadius | number | GetThemeValueForKey<"shadowRadius"> | undefined |
shouldRasterizeIOS | boolean | undefined |
skewX | string | undefined |
skewY | string | undefined |
spacing | string | number | undefined |
span | boolean | undefined |
spellCheck | boolean | undefined |
start | "unset" | DimensionValue | "safe" | undefined |
state | "light" | "outline" | "filled" | "light-on" | "outline-on" | "filled-on" | undefined |
step | string | number | undefined |
style | Falsy | (ViewStyle | CSSProperties | (CSSProperties & ViewStyle)) | RegisteredStyle<ViewStyle | CSSProperties | (CSSProperties & ViewStyle)> | RecursiveArray<Falsy | (ViewStyle | CSSProperties | (CSSProperties & ViewStyle)) | RegisteredStyl… |
suppressHighlighting | boolean | undefined |
ta | undefined |
tabIndex | string | number | undefined |
target | string | undefined |
td | undefined |
testID | string | undefined |
textAlign | "left" | "right" | "unset" | "center" | "auto" | "justify" | undefined |
textAlignVertical | "bottom" | "top" | "unset" | "center" | "auto" | undefined |
textBreakStrategy | "simple" | "highQuality" | "balanced" | undefined |
textContentType | InputTextContentType | undefined |
textDecorationColor | ColorValue | undefined |
textDecorationDistance | number | "unset" | undefined |
textDecorationLine | "unset" | "none" | "underline" | "line-through" | "underline line-through" | undefined |
textDecorationStyle | "unset" | "dashed" | "dotted" | "double" | "solid" | undefined |
textEmphasis | Property.TextEmphasis | undefined |
textOverflow | Property.TextOverflow | undefined |
textShadow | string | undefined |
textShadowColor | OpaqueColorValue | GetThemeValueForKey<"textShadowColor"> | undefined |
textShadowOffset | "unset" | { width: number; height: number; } | undefined |
textShadowRadius | number | "unset" | undefined |
textTransform | "unset" | "none" | "capitalize" | "uppercase" | "lowercase" | undefined |
textWrap | string | undefined |
themeShallow | boolean | undefined |
tintColor | string | null | undefined |
today | boolean | undefined |
top | number | Animated.AnimatedNode | "safe" | GetThemeValueForKey<"top"> | null | undefined |
transform | string | readonly (({ perspective: AnimatableNumericValue; } & { scale?: undefined; scaleX?: undefined; scaleY?: undefined; skewX?: undefined; skewY?: undefined; matrix?: undefined; rotate?: undefined; rotateY?: undefined; rotateX?: undefin… |
transformMatrix | "unset" | number[] | undefined |
transformOrigin | "bottom" | "left" | "right" | "top" | "unset" | "center" | (`${string}%` | `${number}%` | `${string}px` | `${number}px`) | "left bottom" | "left top" | "left center" | `left ${string}%` | `left ${number}%` | `left ${string}px` | `left ${num… |
transformStyle | Property.TransformStyle | undefined |
transition | TransitionProp | null | undefined |
translateX | "unset" | AnimatableNumericValue | undefined |
translateY | "unset" | AnimatableNumericValue | undefined |
truncate | boolean | "end" | "start" | undefined |
tt | undefined |
tvParallaxMagnification | number | undefined |
tvParallaxShiftDistanceX | number | undefined |
tvParallaxShiftDistanceY | number | undefined |
tvParallaxTiltAngle | number | undefined |
type | string | undefined |
underline | "hover" | "always" | "never" | "not-hover" | undefined |
underlineColorAndroid | "unset" | ColorTokens | undefined |
unstyled | boolean | undefined |
untilMeasured | "hide" | "show" | undefined |
useAppleWebpCodec | boolean | undefined |
userSelect | Property.UserSelect | undefined |
verticalAlign | Property.VerticalAlign<0 | (string & {})> | undefined |
verticalSize | number | "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined |
w | number | Animated.AnimatedNode | GetThemeValueForKey<"width"> | null | undefined |
whiteSpace | Property.WhiteSpace | undefined |
width | number | Animated.AnimatedNode | GetThemeValueForKey<"width"> | null | undefined |
withAria | boolean | undefined |
withAsterisk | boolean | undefined |
withBorder | boolean | undefined |
withinGroup | boolean | undefined |
withPadding | boolean | undefined |
wordWrap | Property.WordWrap | undefined |
wrap | string | undefined |
wrapperProps | Partial<GetFinalProps<RNTamaguiViewNonStyleProps, StackStyleBase, { radius?: string | number | undefined; size?: string | number | undefined; variant?: "filled" | "default" | "unstyled" | undefined; disabled?: boolean | undefined; shadow?: … |
writingDirection | "unset" | "auto" | "rtl" | "ltr" | undefined |
x | number | GetThemeValueForKey<"x"> | undefined |
y | number | GetThemeValueForKey<"y"> | undefined |
zIndex | GetThemeValueForKey<"zIndex"> | undefined |