SliderField

Labelled slider field — wraps the Slider primitive with a label above, the current value shown inline, and optional help text

Interactive-mode

Examples

Volume50

Temperature (°C)20

Set the target temperature for the zone.

Opacity

The element family below can be composed together. Click an element to jump to its properties.

Element	Purpose
SliderField	A labelled slider field chunk. Renders a `FormLabel` and current value above a `Slider` track. Wraps the `Slider` primitive.

A labelled slider field chunk. Renders a FormLabel and current value above a Slider track. Wraps the Slider primitive.

Property	Type	Description
Label	string?	Label text rendered above the slider via `FormLabel`. Omit to hide the label. The current value is shown to the right of the label when `ShowValue` is `true`.
ShowValue	bool	When `true` (default), renders the current numeric value as a `<span>` to the right of the label. Set to `false` to suppress the inline value display.
HelpText	string?	Helper text rendered below the slider. Shown in `text-danger-fg` when `Error` is true, otherwise `text-muted-foreground`.
Error	bool	Applies error styling to the label and help text. Default: `false`.
Required	bool	Appends a red asterisk to the label via `FormLabel`. Default: `false`.
Disabled	bool	Disables the underlying slider. Default: `false`.
Id	string	HTML `id` — auto-generated by default.
Value	double	Currently selected value. Use `@bind-Value` for two-way binding. Default: `0`.
ValueChanged	EventCallback<double>	Fires when the slider value changes. Part of the `@bind-Value` pair.
Min	double	Minimum value of the slider range. Default: `0`.
Max	double	Maximum value of the slider range. Default: `100`.
Step	double	Increment between values. Default: `1`.