Utility
Terminal
Installation
$ pnpm dlx shadcn@latest add @termcn/ink/card
Usage
import { Card } from "@/components/ui/card";<Card title="System Info" subtitle="Local machine">
<Text>CPU: 4 cores @ 3.2 GHz</Text>
</Card>API Reference
Card
| Prop | Type | Default |
|---|---|---|
title | string | - |
subtitle | string | - |
children | ReactNode | required |
footer | ReactNode | - |
borderColor | string | - |
width | number | - |
borderStyle | "single" | "double" | "round" | "bold" | "singleDouble" | "doubleSingle" | "classic" | "round" |
paddingX | number | 1 |
paddingY | number | 0 |
footerDividerChar | string | "─" |
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: Screen-reader mode removes decorative output while preserving meaningful labels and state.