Themes
- Default
- Catppuccin
- Dracula
- High Contrast
- High Contrast Light
- Monokai
- Nord
- One Dark
- Solarized
- Tokyo Night
- AMOLED
- Aura
- Ayu
- Carbonfox
- Catppuccin Frappe
- Catppuccin Macchiato
- Cobalt2
- Cursor
- Everforest
- Flexoki
- GitHub
- Gruvbox
- Kanagawa
- Lucent Orng
- Material
- Matrix
- Mercury
- Night Owl
- OC-2
- One Dark Pro
- OpenCode
- Orng
- Osaka Jade
- Palenight
- Rose Pine
- Shades of Purple
- Synthwave '84
- Vercel
- Vesper
- Zenburn
Utility
AI
Terminal
Installation
$ pnpm dlx shadcn@latest add @termcn/status-message
Usage
import { StatusMessage } from "@/components/ui/status-message";<StatusMessage variant="success">All tests passed.</StatusMessage>Examples
Variants
Terminal
import { Box } from "ink";
import { StatusMessage } from "@/components/ui/status-message";
export function StatusMessageVariants() {
return (
<Box flexDirection="column" gap={1}>
<StatusMessage variant="success">Build passed.</StatusMessage>
<StatusMessage variant="error">Connection failed.</StatusMessage>
<StatusMessage variant="warning">Rate limit at 80%.</StatusMessage>
<StatusMessage variant="loading">Fetching config...</StatusMessage>
</Box>
);
}API Reference
StatusMessage
| Prop | Type | Default |
|---|---|---|
variant | "success" | "error" | "warning" | "info" | "loading" | "pending" | "info" |
children | ReactNode | required |
icon | string | - |