Spacer

Without size, a Spacer grows to push its siblings apart (flex 1). With size, it is a fixed gap.


import { Spacer, Flex } from '@gg-software/ui';
 
<Flex align="center" gap="xs">
    <Button size="sm">Left</Button>
    <Spacer />
    <Button size="sm">Pushed right</Button>
</Flex>
 
// fixed 32px gap
<Spacer size="xl" />

Props

Prop	Type	Default	Description
`size`	`SpaceValue`	—	fixed size; omit to make it a flexible spacer that pushes siblings apart

* required · generated from packages/ui/src/layout/Spacer/Spacer.tsx