Unspaced
Avoids spacing for children inside a spacing container
While the space
property is deprecated, Unspaced lives on in a better form, one which is easily back-ported to add 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