COMPONENTS / FEEDBACK
Alerts
Persistent notices that use an icon and text, not color alone.
standardv1.0.0verifiedFigma linked
Design variations
Info
Success
Warning
Error
Implementation
// npx github:rbillyjames0221/csc-ui init
import '@csc/ui/styles.css';
import { Alert } from '@csc/ui';
export function Example() {
return (
<Alert tone="info">Application received.</Alert>
);
}Agent prompt
Copy a prompt for this component from the AI Development Hub.
When to use it
Persistent notices that use an icon and text, not color alone.
Dependencies: lucide-react. Source: packages/ui/src/alert.tsx. 1.0.0 — Info, success, warning, and error alerts.