Saltar al contenido
SUPERPOSICIONES · FREE

Tooltip

Una breve pista al pasar el ratón o con el foco, sin script.

Una pista breve al pasar el ratón y con el foco del teclado. Es CSS puro, así que funciona incluso antes de que la página sea interactiva.

Por qué ayuda

  • Ratón y foco
  • No necesita script
  • Accesible

Dónde encaja

  • Botones de icono
  • Abreviaturas
  • Iconos de riel
El control Tooltip en una página de RayCraft

Ejemplo

<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>

Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.

Todos los controles ยท Documentación