Aller au contenu
SUPERPOSITIONS · FREE

Tooltip

Une courte info-bulle au survol ou au focus, sans script.

Une courte info-bulle au survol et au focus clavier. C’est du CSS pur, elle fonctionne donc même avant que la page ne devienne interactive.

Pourquoi c’est utile

  • Survol et focus
  • Aucun script nécessaire
  • Accessible

Où il trouve sa place

  • Boutons d’icône
  • Abréviations
  • Icônes de rail
Le contrôle Tooltip dans une page RayCraft

Exemple

<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 court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.

Tous les contrôles ยท Documentation