Components
Loading preview...
Alert in shadcn/ui format
npx shadcn@latest add https://21st.dev/r/serafimcloud/alertimport { Alert } from "@/components/ui/alert"
import { TriangleAlert } from "lucide-react"
function AlertBasic() {
return (
<Alert
layout="row"
icon={
<TriangleAlert className="text-amber-500" size={16} strokeWidth={2} />
}
>
<p className="text-sm">Some information is missing!</p>
</Alert>
)
}
export { AlertBasic }