wwwwwwwwwwwwwwwwwww

Unspaced

Avoids spacing for children inside a spacing container.

Usage

While the space property is deprecated, Unspaced could like on in a better form, one which is easy to back-ported to make Unspaced support (as well as adding gap support).

When using the space style prop, you may want some children to not be spaced

Use Unspaced:

import { Text, Unspaced, View } from '@tamagui/core'
export default () => (
<View position="relative" space>
<View width={20} height={20} />
{/* space */}
<View width={20} height={20} />
{/* no */}
<Unspaced>
<Text position="absolute">Some absolute positioned text</Text>
</Unspaced>
</View>
)

If you want the item to be visually hidden as well as unspaced, see VisuallyHidden, which avoids uses Unspaced but also hides the contents in an accessible manner.

Previous

Spinner

Next

VisuallyHidden