Spacer
@sushindustries/uiVertical space on the scale, optionally with a rule and a label. Built for Markdown.
tanstacktanstack add https://adamjurek.com/r/tanstack/spacer.json
shadcnpnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/spacer.jsonThe argument against this component
Space should come from the things being spaced. A component that sets its own bottom margin knows how far it sits from the next thing, and a separate element whose only job is to be empty is usually a sign that something above it is missing a rule.
Inside a component, that argument is right, and this is the wrong tool.
Where this is used
| Where | What for |
|---|---|
Any .md on this site | the ::start:spacer block |
packages/ui/docs/nav-bar/index.md | the labelled break before "Where it is used" |
templates/post.md | in the template, so a new post starts with it available |
Install
tanstack add https://adamjurek.com/r/tanstack/spacer.jsonshell
pnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/spacer.jsonshell
pnpm add @sushindustries/ui @sushindustries/atomsshell
What you get
| Version | 0.1.0 |
| Category | layout · Page structure |
| Files | spacer.tsx, grid.tsx |
| Dependencies | None |
| Tags | markdown, spacing, no-deps |
No runtime dependencies
It brings nothing with it beyond the stylesheet.