Ein kurzer Hinweis bei Hover und Tastaturfokus. Er ist reines CSS und funktioniert daher schon, bevor die Seite interaktiv wird.
Warum es hilft
- Hover und Fokus
- Kein Skript nötig
- Barrierefrei
Wo es passt
- Symbolschaltflächen
- Abkürzungen
- Symbole in der Leiste
Beispiel
<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>Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.