/
1.1k
Sponsor

Status Message

Inline status message with icon and color

Terminal

Installation

$ pnpm dlx shadcn@latest add @termcn/ink/status-message

Usage

import { StatusMessage } from "@/components/ui/status-message";
<StatusMessage variant="success">All tests passed.</StatusMessage>

Examples

Variants

Terminal

API Reference

StatusMessage

PropTypeDefault
variant"success" | "error" | "warning" | "info" | "loading" | "pending""info"
childrenReactNoderequired
iconstring-

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.