Unspaced

Avoids spacing for children inside a spacing container.

Usage

When using space, you sometimes want certain children to not contribute to spacing. Use Unspaced to achieve this:

import { Text, Unspaced, YStack } from 'tamagui'

export default () => (
  <YStack position="relative" space>
    {/* spaced elements here */}

    {/* avoids extra space at end: */}
    <Unspaced>
      <Text position="absolute">Some absolute positioned text</Text>
    </Unspaced>
  </YStack>
)

If you want the item to be visually hidden, use VisuallyHidden instead, which avoids spacing as well as hiding the contents in an accessible manner.