1. Tipos

5 variantes semânticas + aliases em PT-BR.

Demo ✨ clique para disparar

// Métodos principais
Y2Alert.ok('Salvo com sucesso!');
Y2Alert.err('Falha na requisição.');
Y2Alert.ale('Atenção necessária.');
Y2Alert.inf('Nova mensagem recebida.');
Y2Alert.drk('Notificação silenciosa.');

// Aliases PT-BR
Y2Alert.sucesso('Dados atualizados!');
Y2Alert.erro('Não foi possível salvar.');
Y2Alert.alerta('Verifique os campos.');
Y2Alert.info('Processando...');

2. Posições

9 posições ✨ topo, centro e base - esquerdo/centro/direito.

Demo ✨ clique em qualquer célula

// 3º parâmetro = posição
// Topo:   'tl' | 'tc' | 'tr'
// Centro: 'cl' | 'cc' | 'cr'
// Base:   'bl' | 'bc' | 'br'
// Padrão: 'tr'

Y2Alert.ok('Salvo!', 3000, 'bl');   // base esquerdo
Y2Alert.err('Erro!', 5000, 'cc');   // centro tela

3. Duração + Título

Controle preciso de timing e suporte a títulos.

// Assinatura completa
Y2Alert.ok(msg, duração_ms, posição, título)

// dur = 0 — não fecha automaticamente
Y2Alert.drk('Aguardando confirmação...', 0, 'tr');

// Com título
Y2Alert.ok(
    'Arquivo enviado com sucesso.',
    4000, 'tr',
    'Upload completo'
);

4. Caixa de Confirmação

Dialog modal com focus trap, ESC para cancelar e callback.

Demo

Y2Alert.confirmar(
    'Tem certeza que deseja deletar?',   // mensagem
    (confirmado) => {                    // callback
        if (confirmado) {
            deletarRegistro();
            Y2Alert.ok('Deletado!');
        }
    },
    'Deletar registro',  // título (opcional, padrão: 'Confirmação')
    '✨'                 // ícone  (opcional, padrão: '✨')
);

5. Atributo HTML

Dispare alertas direto no HTML sem escrever JS.

Demo