{{ intro }}

{{ descriptionTitle }}

{{ descriptionBody }}

{{ featuresTitle }}

{{ item }}

{{ limitsTitle }}

{{ item }}

{{ declarativeTitle }}

{{ declarativeBody }}

{{ directiveBody }}

{{ paletteTitle }}

{{ paletteBody }}

{{ quickTitle }}

{{ quickBody }}

{{ anchoredTitle }}

{{ anchoredBody }}

{{ bodyContainerTitle }}

{{ bodyContainerBody }}

{{ richTemplateTitle }}

{{ richTemplateBody }}

{{ summaryText }}

{{ apiIntro }}

<li-popover
  [popoverTitle]="'Popover com click'"
  [popover]="'Abre por click e fecha com clique externo ou ESC.'"
  trigger="click"
  placement="bottom">
  <button class="btn btn-outline-primary" type="button">Click popover</button>
</li-popover>

<template #richTitle let-data>
  <span>{{ data?.title }}</span>
</template>

<template #richBody let-data>
  <div>{{ data?.body }}</div>
</template>

<button
  [liPopover]="richBody"
  [popoverTitle]="richTitle"
  [popoverContext]="contextoInicial"
  container="body">
  Popover com TemplateRef
</button>

SimplePopover.showWarning(
  target,
  'Use este padrão para feedback curto.',
  title: 'Aviso rápido',
  timeout: const Duration(seconds: 4),
);

SweetAlertPopover.showPopover(
  target,
  '<strong>Popover com HTML</strong><br>Mais contexto.',
  title: 'Popover ancorado',
  timeout: const Duration(seconds: 5),
);