Pular para o conteúdo principal

Beacon Tooltip

Componente que coloca um farol na lição, seja independentemente ou ligado a um alvo. Ao pairar ou clicar na baliza, uma dica de ferramenta é exibida.

Opções​

  • title | (string|node): título a ser exibido na parte superior da ponta da ferramenta. Default: none.
  • content | (string|node): conteúdo da ponta da ferramenta. Default: 'content comes here...'.
  • event | string: se ajustado para "clicar", a ponta da ferramenta é alternada ao clicar no sinalizador; se ajustado para "pairar", a ponta da ferramenta é ativada por meio de pairar. Default: 'click'.
  • placement | string: colocação da ponta da ferramenta em relação ao "alvo" (ou top, "topo - início", "topo - fim", bottom, "fundo - fim", left, "esquerda - início", "esquerda - fim", right, "direita - início", "direita - fim", "centro", "auto", ou "centro"). Default: 'left'.
  • target | string: classe ou seletor de identificação de elemento para anexar a ponta de ferramenta. Default: ''.
  • offset | number: distância entre a ponta da ferramenta e o alvo em pixels. Default: 15.
  • onChange | function: chamada de retorno invocada quando da mudança de estado da ponta da ferramenta. Recebe dois argumentos: a "ação" (abrir ou fechar) e a passada "brocas". Default: onChange() {}.

Exemplos​

Editor ao vivo
Resultado
ReferenceError: Provider is not defined