Bento & Layout
Spacer Primitive
Explicit, aria-hidden vertical or horizontal gap element for one-off spacing between unrelated blocks, with a flex-grow mode.
$ velocityx add spacerBuilt for astro.
Full docs for Spacer Primitive →
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| size | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | No | 8 | |
| axis | 'vertical' | 'horizontal' | No | 'vertical' | |
| grow | boolean | No | false |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/spacer/Spacer.astroUsing the Spacer Primitive component
Install it with velocityx add spacer.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Bento & Layout.
Reserves a stable aspect ratio for media to prevent layout shift, using the native CSS aspect-ratio property.
astroBreakpoint-free responsive card grid using CSS grid auto-fit/minmax, column count is purely a function of container width.
astroSingle card shell component with five variants (icon, stat, image, chart-slot, quote) sharing one accessible article shell.
astroResponsive 4-cell bento grid, 1 column on phone and 2x2 on tablet/desktop, with four named slots.
astro