RetroAlert
An inline alert banner with Mac OS 9 beveled styling for notices, warnings, and errors.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-alert.json"
Setup: installing any component also installs nostalgia-theme (the --os9-* tokens and os9-* utilities) via registryDependencies. To add the theme on its own: npx shadcn@latest add https://nostalgia-ui.com/r/nostalgia-theme.json
Import
import { RetroAlert } from "@/components/ui/retro-alert"Default Variant
System Notice
Your preferences have been saved to the System Folder.
Warning Variant
Low Disk Space
Your startup disk is almost full. You need to make more space available on your startup disk by deleting files.
Destructive Variant
Application Error
The application "SimpleText" has unexpectedly quit. An error of type 2 occurred.
All Variants
Default
A standard informational alert message.
Warning
A cautionary alert that requires attention.
Destructive
A critical error alert indicating a problem.