s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Forms and controls

Slider

No summary has been written for Slider. Everything below is generated from the declaration shipped in 0.44.0 and describes the real contract.

Public export

typescript 
import { Slider } from '@happyvertical/smrt-ui/forms';
Import path
@happyvertical/smrt-ui/forms
Props
10
Props described
10 of 10
Bindable state
0
Callback events
0
Verified release
0.44.0

Props

Also accepts Omit<HTMLInputAttributes, 'type' | 'class' | 'value' | 'min' | 'max' | 'step'>. The table lists the component-specific contract.

NameTypeRequiredDescription
valuenumberNoThe current slider value.
minnumberNoMinimum allowed value.
maxnumberNoMaximum allowed value.
stepnumberNoIncrement step for the slider.
labelstringNoHeader label displayed above the slider.
unitstringNoUnit suffix appended to the displayed value.
showInputbooleanNoShows an editable number input alongside the slider.
formatValue(value: number) => stringNoFormats the value for display in the output element.
classstringNoAdditional CSS class names.
interactionControlInteractionOptions | falseNoRegisters this control for agent interaction; omit or pass false to exclude.

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Examples and explanation

Interactive Controls Run the canonical package-owned example in the Playground. UI showcase Read the curated UI story for mechanism and usage guidance. smrt-ui package reference See package status, version, limitations, and all public subpaths.