Naar de inhoud
OVERLAYS · FREE

Tooltip

Een korte tip bij aanwijzen of focus, zonder script.

Een korte tip bij aanwijzen en bij toetsenbordfocus. Het is pure CSS, dus het werkt zelfs voordat de pagina interactief wordt.

Waarom het helpt

  • Aanwijzen en focus
  • Geen script nodig
  • Toegankelijk

Waar het past

  • Pictogramknoppen
  • Afkortingen
  • Pictogrammen in de rail
Het besturingselement Tooltip op een RayCraft-pagina

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.

Alle besturingselementen ยท Documentatie