Gå til indholdet
OVERLEJRINGER · FREE

Tooltip

Et kort hint ved musen over eller fokus, uden script.

Et kort hint ved musen over og ved tastaturfokus. Det er ren CSS, så det virker, selv før siden bliver interaktiv.

Hvorfor det hjælper

  • Mus og fokus
  • Intet script nødvendigt
  • Tilgængelig

Hvor det passer

  • Ikonknapper
  • Forkortelser
  • Ikoner i skinnen
Kontrollen Tooltip på en RayCraft-side

Eksempel

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

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentation