Componentes — 15

Tooltip

Ajuda contextual para controles compactos, ícones e comandos que precisam de explicação curta.

15.1

Contexto sob demanda

O conteúdo aparece em hover e foco. Em mobile, prefira texto visível quando a informação for essencial.

Tooltip com botão
Publica a alteração no siteRemove o item selecionado
<Tooltip content="Publica a alteração no site">
  <Button>Publicar</Button>
</Tooltip>
15.2

Contrato

Tooltip é uma camada de ajuda curta. Não use para instruções obrigatórias ou conteúdo interativo.

contentReactNodeTexto curto exibido no balão
childrenReactNodeElemento que recebe foco e hover
sidetop | right | bottom | leftPosição preferencial do balão