Ir para o conteúdo
SOBREPOSIÇÕES · FREE

Tooltip

Uma dica curta ao passar o mouse ou com foco, sem script.

Uma dica curta ao passar o mouse e no foco do teclado. É CSS puro, então funciona mesmo antes de a página ficar interativa.

Por que ajuda

  • Mouse e foco
  • Não precisa de script
  • Acessível

Onde se encaixa

  • Botões de ícone
  • Abreviações
  • Ícones de trilho
O controle Tooltip em uma página do RayCraft

Exemplo

<Stack Spacing="8" Wrap Style="padding:2rem">
    <Tooltip Text="Top (default)"><Button Variant="Variant.Outlined">Top</Button></Tooltip>
    <Tooltip Text="Bottom" Placement="TooltipPlacement.Bottom"><Button Variant="Variant.Outlined">Bottom</Button></Tooltip>
    <Tooltip Text="Left" Placement="TooltipPlacement.Left"><Button Variant="Variant.Outlined">Left</Button></Tooltip>
    <Tooltip Text="Right" Placement="TooltipPlacement.Right"><Button Variant="Variant.Outlined">Right</Button></Tooltip>
</Stack>

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles ยท Documentação