Carregando…

Modern Glassy Alert

Feedback

Glassmorphism alert bar with backdrop blur, badge pill, optional link and dismiss.

Modern Glassy Alert — glassmorphism, badge opcional e dismiss

The new alert component is now available! Check it out!Cuicui

Instalação via CLI

$ npx kikitocn add modern-glassy-alert

Interno:

@/lib/utils

Exemplo de uso

Modern Glassy AlertExample.tsx

import { ModernGlassyAlert } from "@/components/ui/cn/modern-glassy-alert/ModernGlassyAlert";

export function ModernGlassyAlertExample() {
  return (
    <ModernGlassyAlert>
      Modern Glassy Alert
    </ModernGlassyAlert>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`badge`	`string`	`undefined`	Pílula de destaque ao lado da mensagem
`children*`	`ReactNode`	—	Conteúdo da mensagem
`href`	`string`	`undefined`	Envolve a mensagem num link quando informado
`dismissible`	`boolean`	`true`	Exibe o botão de fechar (×)
`onDismiss`	`() => void`	`undefined`	Callback chamado ao fechar
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Feedback

Carregando…