Basic usage

<BOBInputRangeSlider TValue="int" @bind-Value="_basic" Label="Range" />

Price range

<BOBInputRangeSlider TValue="decimal" @bind-Value="_price"
                     Label="Price filter"
                     Min="0m" Max="500m" Step="5m"
                     ValueLabelFormat="C0" />

Ticks

<BOBInputRangeSlider TValue="int" @bind-Value="_age" Label="Age" Min="0" Max="100" Step="5" ShowTicks="true" />

Vertical orientation

<div style="height: 240px;">
    <BOBInputRangeSlider TValue="int" @bind-Value="_vertical" Label="Working hours" Orientation="BOBSliderOrientation.Vertical" Min="0" Max="24" Step="1" />
</div>

Sizes

<BOBInputRangeSlider TValue="int" @bind-Value="_sizeS" Label="Small" Size="BOBSize.Small" />
<BOBInputRangeSlider TValue="int" @bind-Value="_sizeM" Label="Medium (Default)" Size="BOBSize.Medium" />
<BOBInputRangeSlider TValue="int" @bind-Value="_sizeL" Label="Large" Size="BOBSize.Large" />

Color & Background

<BOBInputRangeSlider TValue="int" @bind-Value="_colored" Label="Custom Color" Color="@PaletteColor.Secondary" BackgroundColor="@PaletteColor.SecondaryContrast" />

States

Validation message goes here.

<BOBInputRangeSlider TValue="int" @bind-Value="_required" Label="Required" Required="true" />
<BOBInputRangeSlider TValue="int" @bind-Value="_readonly" Label="ReadOnly" ReadOnly="true" />
<BOBInputRangeSlider TValue="int" @bind-Value="_disabled" Label="Disabled" Disabled="true" />
<BOBInputRangeSlider TValue="int" @bind-Value="_errorValue" Label="Error" Error="true" HelperText="Validation message goes here." />

Properties

Property	Type	Default	Description
`Size`	`BOBSize`	`BOBSize.Medium`	Visual size of the slider.
`Density`	`BOBDensity`	`BOBDensity.Standard`	Vertical density (gap) of the slider.
`Shadow`	`ShadowStyle?`		Shadow style applied to the slider container.
`BackgroundColor`	`string?`		Background color of the rail. Accepts any valid CSS color value.
`Color`	`string?`		Filled-segment and thumb color. Accepts any valid CSS color value.
`FullWidth`	`bool`	`true`	When , the slider spans the full width (or height in vertical) of its container.
`Label`	`string?`		Floating label rendered above the slider.
`HelperText`	`string?`		Helper text rendered below the slider for additional context.
`Min`	`TValue`	`TValue.Zero`	Lower bound of the slider track. Defaults to TValue.Zero.
`Max`	`TValue`	`TValue.CreateChecked(100)`	Upper bound of the slider track. Defaults to 100.
`Step`	`TValue`	`TValue.One`	Step size used by keyboard increments and value snapping.
`Orientation`	`BOBSliderOrientation`	`BOBSliderOrientation.Horizontal`	Layout orientation of the track.
`ShowTicks`	`bool`		When , tick marks are rendered along the rail at spacing.
`TickInterval`	`TValue?`		Distance between rendered ticks. Falls back to when .
`ShowValueLabel`	`bool`	`true`	When , a label surfaces over each thumb during drag or focus.
`ValueLabelFormat`	`string?`		Format string applied to value labels and aria-valuetext. Standard or custom format.
`Culture`	`CultureInfo?`		Culture used to format . Defaults to .
`AriaLabelMin`	`string`	`"Minimum"`	Accessible label for the lower thumb.
`AriaLabelMax`	`string`	`"Maximum"`	Accessible label for the upper thumb.