RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

Tour

Free

Schrittweise Einführung, die durch einen CSS-Selektor gewählte Seitenelemente hervorhebt. Schritte ohne passendes Element erscheinen in der Mitte.

Beispiel

Steuerelement Tour

Parameter

ParameterTypBeschreibung
ActiveIndexintIndex des aktuellen Schritts. Verwenden Sie es mit @bind-ActiveIndex.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
OpenboolOb die Tour läuft. Verwenden Sie es mit @bind-Open.
StepsIReadOnlyList<TourStep>Elemente vom Typ TourStep(selector, title, text).
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.

Ereignisse

EreignisTypBeschreibung
ActiveIndexChangedEventCallback<int>Wird ausgelöst, wenn sich der Schritt ändert.
OpenChangedEventCallback<bool>Wird ausgelöst, wenn die Tour endet oder übersprungen wird.

Paket

Tour gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.