/
1.1k
Sponsor

Spacer

Flexible space between flex children

Terminal

Installation

$ pnpm dlx shadcn@latest add @termcn/ink/spacer

Usage

import { Spacer } from "@/components/ui/spacer";
<Box flexDirection="row">
  <Text>Left</Text>
  <Spacer />
  <Text>Right</Text>
</Box>

API Reference

Spacer

PropTypeDefault
sizenumber-
direction"horizontal" | "vertical""horizontal"

Notes

Accessibility

termcn exposes the following behavior through Ink's terminal accessibility APIs. This is not a browser ARIA or general WCAG-conformance claim.

  • Screen reader: Decorative output is hidden from screen readers.