Alert with Action Button
Alert with Action Button é um componente de botão para React e Tailwind CSS, da biblioteca Bund UI, com licença MIT. Copia e cola no teu projeto.
Bund UI
MIT
buttons
O que é
Alert with Action Button é um componente de botão para React e Tailwind CSS, da biblioteca Bund UI, com licença MIT. Copia e cola no teu projeto.
Como usar
Abre o componente no catálogo, carrega em copiar, e cola no teu projeto. O prompt copiado leva o código e as regras para o teu agente o reproduzir sem alterar nada.
Cinco cópias grátis por mês. Sem cartão.
Precisa de
npm i lucide-react
Licença
Este componente vem de Bund UI e é redistribuído sob a licença MIT, que permite uso comercial. O aviso de copyright viaja com o código.
Alert with Action Button
import { CheckCircle2Icon } from "lucide-react";
import { Alert, AlertTitle } from "@/components/ui/alert";
import { Button } from "@/components/ui/button";
export default function AlertWithActionButton() {
return (
<Alert className="flex items-center justify-between">
<div className="flex gap-3">
<CheckCircle2Icon className="mt-0.5 size-4" />
<AlertTitle>Success! Your changes have been saved</AlertTitle>
</div>
<Button variant="outline" size="sm">
Go it!
</Button>
</Alert>
);
}