Spacer

@sushindustries/ui

Vertical space on the scale, optionally with a rule and a label. Built for Markdown.

5 min read
View as MarkdownEdit on GitHub

Props

PropTypeDefaultDoes
size?Space5A step on the spacing scale.
rule?boolean-Draw a hairline in the middle of the gap.
label?string-An optional caption sitting on the rule. Implies rule.

Notes

label implies rule - passing a label draws the hairline whether or not rule is also set, because a caption with nothing to sit on reads as a mistake. There is no way to show a label without the rule underneath it. rule={true} with no label draws a plain hairline and no text, which is the setting a Markdown --- reaches for without meaning a document section break.

Used byGridGridA responsive grid with no breakpoints in it. One number decides the column count at every width.@sushindustries/ui · layout