Carregando…Carregando…Carregando…Carregando…Expanding pill notification, inspired by iOS's Dynamic Island, with a bell icon and pulse indicator.
Dynamic Island Notification — pílula expansível estilo iOS
$ npx kikitocn add dynamic-island-notification@/lib/utils@/hooks/cn/use-measuremotionlucide-reactimport { DynamicIslandNotification } from "@/components/ui/cn/dynamic-island-notification/DynamicIslandNotification";
export function DynamicIslandNotificationExample() {
return (
<DynamicIslandNotification open title="Título" message="Exemplo" />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
open* | boolean | — | Controla se a ilha está visível |
onClose* | () => void | — | Chamado quando o usuário clica em Fechar |
title* | string | — | Título exibido no estado expandido |
message* | string | — | Mensagem exibida no estado expandido |
className | string | — | Classes CSS extras |