<slider-style>
Example
xml
<slider-style id="my-style">
<active />
<hovered />
<dragged />
</slider-style>Attributes
| Attribute | Type | Required |
|---|---|---|
id | string | Yes |
rail-width | float | No |
rail-border-color | string | No |
rail-border-width | float | No |
rail-border-radius | float | No |
rail-border-radius-top-left | float | No |
rail-border-radius-top-right | float | No |
rail-border-radius-bottom-right | float | No |
rail-border-radius-bottom-left | float | No |
handle-shape | string | No |
handle-shape-circle-radius | float | No |
handle-shape-rectangle-width | xs:unsignedShort | No |
handle-shape-rectangle-border-radius | float | No |
handle-shape-rectangle-border-radius-top-left | float | No |
handle-shape-rectangle-border-radius-top-right | float | No |
handle-shape-rectangle-border-radius-bottom-right | float | No |
handle-shape-rectangle-border-radius-bottom-left | float | No |
handle-background-color | string | No |
handle-background-gradient | string | No |
handle-border-width | float | No |
handle-border-color | string | No |
States
<active>
| Attribute | Type | Required |
|---|---|---|
rail-width | float | No |
rail-border-color | string | No |
rail-border-width | float | No |
rail-border-radius | float | No |
rail-border-radius-top-left | float | No |
rail-border-radius-top-right | float | No |
rail-border-radius-bottom-right | float | No |
rail-border-radius-bottom-left | float | No |
handle-shape | string | No |
handle-shape-circle-radius | float | No |
handle-shape-rectangle-width | xs:unsignedShort | No |
handle-shape-rectangle-border-radius | float | No |
handle-shape-rectangle-border-radius-top-left | float | No |
handle-shape-rectangle-border-radius-top-right | float | No |
handle-shape-rectangle-border-radius-bottom-right | float | No |
handle-shape-rectangle-border-radius-bottom-left | float | No |
handle-background-color | string | No |
handle-background-gradient | string | No |
handle-border-width | float | No |
handle-border-color | string | No |
<hovered>
| Attribute | Type | Required |
|---|---|---|
rail-width | float | No |
rail-border-color | string | No |
rail-border-width | float | No |
rail-border-radius | float | No |
rail-border-radius-top-left | float | No |
rail-border-radius-top-right | float | No |
rail-border-radius-bottom-right | float | No |
rail-border-radius-bottom-left | float | No |
handle-shape | string | No |
handle-shape-circle-radius | float | No |
handle-shape-rectangle-width | xs:unsignedShort | No |
handle-shape-rectangle-border-radius | float | No |
handle-shape-rectangle-border-radius-top-left | float | No |
handle-shape-rectangle-border-radius-top-right | float | No |
handle-shape-rectangle-border-radius-bottom-right | float | No |
handle-shape-rectangle-border-radius-bottom-left | float | No |
handle-background-color | string | No |
handle-background-gradient | string | No |
handle-border-width | float | No |
handle-border-color | string | No |
<dragged>
| Attribute | Type | Required |
|---|---|---|
rail-width | float | No |
rail-border-color | string | No |
rail-border-width | float | No |
rail-border-radius | float | No |
rail-border-radius-top-left | float | No |
rail-border-radius-top-right | float | No |
rail-border-radius-bottom-right | float | No |
rail-border-radius-bottom-left | float | No |
handle-shape | string | No |
handle-shape-circle-radius | float | No |
handle-shape-rectangle-width | xs:unsignedShort | No |
handle-shape-rectangle-border-radius | float | No |
handle-shape-rectangle-border-radius-top-left | float | No |
handle-shape-rectangle-border-radius-top-right | float | No |
handle-shape-rectangle-border-radius-bottom-right | float | No |
handle-shape-rectangle-border-radius-bottom-left | float | No |
handle-background-color | string | No |
handle-background-gradient | string | No |
handle-border-width | float | No |
handle-border-color | string | No |