--- schema_version: "1" id: 786483688b7ff7ff64c678d4b0fe84826c4240a854fe1e66ba6647c1a5f62e92 title: Slider Lightning Web Component ReadMe (Managed Package) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_slider_lightning_web_component_readme.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_slider_lightning_web_component_readme.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: b18781b0c41ac8bd6862f1729acae7fe373eb4bdd8160971c42d0e2f5e2176cf description: For the managed package runtime, this page contains a Slider LWC ReadMe for each Vlocity release. products: - Omnistudio release: "264" --- # Slider Lightning Web Component ReadMe (Managed Package) For the managed package runtime, this page contains a Slider LWC ReadMe for each Vlocity release. ![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US). ## Vlocity Insurance and Health Winter '20 and Vlocity CME Spring '20 The _Slider Lightning Web Component_ is a graphical control element for a user to set a value by moving an indicator horizontally or vertically. ## Available c-slider Attributes

Attribute

Value

Type

Required

Description

label

  

string

  

Adds a visible label to the slider component.

theme

slds, nds (Default: slds)

    

Sets the theme for the slider component.

disabled

true, false (Default: false)

    

To disable the slider, set to true.

min

(Default : 0)

string

  

Sets the min value of the range. (For example -1000, 0, and so on)

max

(Default : 100)

string

  

Sets the maximum value of the range. (For example, 100, 1000, and so on)

value

  

string

  

Sets the initial value for the slider.

step

(Default: 0)

number

  

Specifies the size of each movement (an increment or jump between values) of the slider control.

size

xx-small, small, medium

string

  

Sets the size of the slider.

type

horizontal, vertical (Default: horizontal )

string

  

Sets the orientation of the slider.

imask

object

string

  

Supports masking to range and input value. For display, not manuplation. For more information on imask, see imask.js

## Example c-slider Component ``` ``` ## Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19 The _Slider Lightning Web Component_ is a graphical control element for a user to set a value by moving an indicator horizontally or vertically. ## Available c-slider Attributes

Attribute

Value

Type

Required

Description

label

  

string

  

Adds a visible label to the slider component.

theme

slds, nds (Default: slds)

    

Sets the theme for the slider component.

disabled

true, false (Default: false)

    

To disable the slider, set to true.

min

(Default : 0)

string

  

Sets the min value of the range. (For example -1000, 0, and so on)

max

(Default : 100)

string

  

Sets the maximum value of the range. (For example, 100, 1000, and so on)

value

  

string

  

Sets the initial value for the slider.

step

(Default: 0)

number

  

Specifies the size of each movement (an increment or jump between values) of the slider control.

size

xx-small, small, medium

string

  

Sets the size of the slider.

type

horizontal, vertical (Default: horizontal )

string

  

Sets the orientation of the slider.

imask

object

string

  

Supports masking to range and input value. For display, not manuplation. For more information on imask, see imask.js

## Example c-slider Component ``` ```