Single Slider

Namespace

using Blazor_Foundation_6.Components.Controls;

Attributes

FormInput

NameDescription
IdDefault html id=”” attribute. (Wrapper Id)
ClassExtra/Custom Classes appended to the default class.
InputIdDefault html id=”” attribute. (Hidden Input).
NameHidden Input’s Name.
ValueCurrent Value (Default 1).
MinMinimum Value (Default: 1).
MaxMaximum Value (Default: 100).
StepSlide Steps in Value Change (Default: 1)
StyleInput’s Style (See How to Use Style)
DisabledTrue/False
DataBindingIdDefined if you use an external input… just type its id.
AutoManagedTrue/False. Blazor will auto manage Foundation Zurb’s Javascript.
DataOptionsCan include any option available. (See Plugin Options)

Examples

To see visual example, visit Foundation or Download and Run Blazor_Foundation_Test in Visual Studio.

<SingleSlider Max="100" Min="1" Value="10" Id="SingleSliderTest" />

Share your feedback on github, we are looking to quickly improve this feature and we know there are a lot to add.