wwwwwwwwwwwwwwwwwww
Introduction
Installation
Releases

Core

Configuration
Tokens
Stack & Text
styled
Variants
Props
Themes
Animations
Theme
useMedia
useTheme
FontLanguage
Extras

Compiler

About
Install
Benchmarks

Theme

Colors
Tokens

Tamagui

Stacks
Headings
Text

Forms

Button
Checkbox
Form
Input & TextArea
Label
Progress
RadioGroup
Select
Slider
Switch
ToggleGroup

Panels

AlertDialog
Dialog
Popover
Sheet
Tooltip
Toast

Organize

Accordion
Group
Tabs

Content

Avatar
Card
Image
ListItem

Visual

LinearGradient
Separator
Square & Circle

Etc

Anchor
HTML Elements
ScrollView
Spinner
Unspaced
VisuallyHidden

Extras

Lucide Icons

Guides

Design Systems
Creating Custom Themes
How to Build a Button
Developing
Next.js
Expo
Vite
create-tamagui

Community

Community
Blog
GitHub
Twitter
Discord

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.

Previous

Spinner

Next

VisuallyHidden