5Sponsor

Columns

Multi-column layout with configurable widths

Terminal
columns-demo
No opentui live preview is registered for this example yet.

Installation

pnpm dlx shadcn@latest add @termcn/columns

Usage

import { Columns } from "@/components/ui/columns";
<Columns gap={2} align="center">
  <Text>Left</Text>
  <Text>Right</Text>
</Columns>

API Reference

Columns

PropTypeDefault
childrenReactNoderequired
gapnumber0
align"top" | "center" | "bottom""top"