Utility
Terminal
█
big-text-demo █
Loading preview... █
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█Installation
$ pnpm dlx shadcn@latest add @termcn/opentui/big-text
Usage
import { BigText } from "@/components/ui/big-text";<BigText>HELLO</BigText>Examples
Simple
Terminal
█
big-text-simple █
Loading preview... █
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█import { BigText } from "@/components/ui/big-text";
export function BigTextSimple() {
return <BigText font="simple">SIMPLE</BigText>;
}Shade
Terminal
█
big-text-shade █
Loading preview... █
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█import { BigText } from "@/components/ui/big-text";
export function BigTextShade() {
return <BigText font="shade">SHADE</BigText>;
}Slim
Terminal
█
big-text-slim █
Loading preview... █
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█import { BigText } from "@/components/ui/big-text";
export function BigTextSlim() {
return <BigText font="slim">SLIM</BigText>;
}API Reference
BigText
| Prop | Type | Default |
|---|---|---|
children | string | required |
color | string | - |
font | "block" | "simple" | "shade" | "slim" | "block" |