{{ overviewIntro }}

{{ basicToastTitle }}

{{ basicToastBody }}

{{ roundedTitle }}

{{ roundedBody }}

{{ customHeaderTitle }}
{{ projectedTitle }}
{{ projectedBody }}
{{ howToUseTitle }}
  • li-toast renderiza o markup do toast e expõe show(), hide() e isOpen.
  • li-toast-stack posiciona notificações globais no canto da tela.
  • LiToastService mantém a coleção para casos disparados de qualquer ponto da aplicação.
{{ mainInputsTitle }}
  • header, body, helperText e badgeText.
  • toastClass, headerClass e bodyClass para contextualização visual.
  • autohide, delay, animation, dismissible e pauseOnHover.
  • rounded para o estilo pill do Limitless.
<li-toast-stack [service]="toastService" placement="top-end"></li-toast-stack>

toastService.show(
  header: 'Processamento concluído',
  body: 'A operação foi concluída com sucesso.',
  iconClass: 'ph-check-circle',
  toastClass: 'bg-success text-white border-0',
  headerClass: 'bg-black bg-opacity-10 text-white',
  delay: 3500,
);
{{ lastAction.isEmpty ? idleState : lastAction }}