Skip to main content

DataTransition

To capture Tailwind's animation rules, e.g: { entering: { cls:'ease-out duration-300', from:'opacity-0', to:'opacity-100' }, leaving: { cls:'ease-in duration-200', from:'opacity-100', to: 'opacity-0' } } { entering: { cls:'ease-out duration-300', from:'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95', to:'opacity-100 translate-y-0 sm:scale-100' }, leaving: { cls:'ease-in duration-200', from:'opacity-100 translate-y-0 sm:scale-100', to:'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95' } }

Assembly: ServiceStack.Blazor.dll​
View Source​
Declaration
public class DataTransition

Properties​

Entering​

View Source​
Declaration
public DataTransitionEvent Entering { get; }

Leaving​

View Source​
Declaration
public DataTransitionEvent Leaving { get; }

EnteringState​

View Source​
Declaration
public bool EnteringState { get; set; }

Class​

View Source​
Declaration
public string Class { get; set; }

DisplayClass​

View Source​
Declaration
public string DisplayClass { get; }

OpacityClass​

View Source​
Declaration
public string OpacityClass { get; }

Log​

View Source​
Declaration
public static bool Log { get; set; }

DelayMs​

View Source​
Declaration
public int DelayMs { get; set; }

TotalSteps​

View Source​
Declaration
public static int TotalSteps { get; set; }

Methods​

TransitionAsync(Boolean, Nullable<Action>)​

View Source​
Declaration
public async Task TransitionAsync(bool show, Action? onChange)
Returns​

Task

Parameters​
TypeName
System.Booleanshow
System.Nullable<Action>onChange

TransitionAllAsync(Boolean, Nullable<Action>, DataTransition[])​

View Source​
Declaration
public static async Task TransitionAllAsync(bool show, Action? onChange, params DataTransition[] transitions)
Returns​

Task

Parameters​
TypeName
System.Booleanshow
System.Nullable<Action>onChange
ServiceStack.Blazor.Components.DataTransition[]transitions

Show(Boolean)​

View Source​
Declaration
public void Show(bool visible)
Parameters​
TypeName
System.Booleanvisible