Skip to main content

Slider

Import​

import { Slider } from '@resultadosdigitais/tangram-components'

Properties​

value​

Typenode

Description​

Sets initial state. Used for Controlled component

defaultValue​

Typenode

Description​

Sets the default value. Used for Uncontrolled component.

hideTrail​

Typebool
Defaultfalse

Description​

Sets if the trail visibility is hidden.

max​

Typenumber
Default100

Description​

Sets Slider's max value.

min​

Typenumber
Default0

Description​

Sets Slider's min value.

disabled​

Typebool
Defaultfalse

Description​

Sets if is disabled.

width​

Typestring

Description​

Sets the Slider custom width.

onChange​

Typefunc
Paramevent React.SyntheticEvent - The event source of the callback.
ParamnewValue String - The new value from input.

Description​

Callback fired when the Slider changes.

showTooltip​

Typebool
Defaultfalse

Description​

Sets tooltip visibility.

tooltipContent​

Typenode

Description​

Sets the custom Tooltip content.

step​

Typenumber
Default1

Description​

Sets the granularity that the value must adhere to.

Feedback​

To report a problem, request new icons, request new component use cases, ask questions, share suggestions, or report bugs, get in touch through our Slack channel #tangram-design-system.