5Sponsor

Status Message

Inline status message with icon and color

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

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
status-message-variants
No opentui live preview is registered for this example yet.

API Reference

StatusMessage

PropTypeDefault
variant"success" | "error" | "warning" | "info" | "loading" | "pending""info"
childrenReactNoderequired
iconstringundefined