Utility
Terminal
Installation
$ pnpm dlx shadcn@latest add @termcn/ink/gradient
Usage
import { Gradient } from "@/components/ui/gradient";<Gradient colors={["#ff6b6b", "#4ecdc4"]}>Hello Gradient</Gradient>Examples
Cristal
Terminal
Teen
Terminal
Mind
Terminal
Morning
Terminal
Vice
Terminal
Passion
Terminal
Fruit
Terminal
Terminal
Atlas
Terminal
Retro
Terminal
Summer
Terminal
Pastel
Terminal
Rainbow
Terminal
API Reference
Gradient
Either pass colors, or pass name (not both required; name selects a preset when colors is omitted).
| Prop | Type | Default |
|---|---|---|
children | string | required |
colors | string[] | - |
name | "cristal" | "teen" | "mind" | "morning" | "vice" | "passion" | "fruit" | "instagram" | "atlas" | "retro" | "summer" | "pastel" | "rainbow" | - |
bold | boolean | false |
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: Ink labels and semantic state expose the component without relying on visual styling alone.