Hopp til innholdet
OVERLEGG · FREE

Tooltip

Et kort tips ved hovring eller fokus, uten skript.

Et kort tips ved hovring og ved tastaturfokus. Det er ren CSS, så det fungerer allerede før siden blir interaktiv.

Hvorfor det hjelper

  • Hovring og fokus
  • Ingen skript nødvendig
  • Tilgjengelig

Hvor det passer

  • Ikonknapper
  • Forkortelser
  • Ikoner i sporet
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon