Lumina

Pattern · Lumina

Toast

Notificação efêmera no canto inferior direito. Auto-dismiss em 4s. Stacking inteligente. Use pra confirmar ações curtas, nunca pra interromper foco.

Disparos

Receita

Toaster no root layout, toast() em qualquer lugar.

app/layout.tsxTSX
qualquer componenteTSX

Quando usar

  • Confirmar ação curta (salvo, copiado, enviado).
  • Reportar erro recuperável (rede caiu, tenta de novo).
  • Indicar processo background (upload começou, finalizou).

Quando NÃO usar

  • Erro crítico que precisa de ação. Use AlertDialog ou inline Alert.
  • Confirmação destrutiva. Use AlertDialog.
  • Informação persistente. Use Alert.

Princípios

  • Curta: uma linha. Se precisar de descrição, abrevia.
  • Efêmera: 4s padrão. Erros podem ficar até clicar X.
  • Não bloqueante: toast não rouba foco do teclado.
  • Específica: “Salvo às 14h32” > “Salvo”.