This element is a range slider with values from 0 to 1.
Attributes
1 of 1
target
- React prop
target- Type
string- Default
""- Description
- ID of the target element this component controls or reads from.
CSS Parts
| Part | Description |
|---|---|
slider | The native <input type="range"> volume slider element. |
CSS Custom Properties
| Property | Default | Description |
|---|---|---|
--ef-volume-fill-color | var(--ef-color-primary, #fff) | Filled (progress) track color. |
--ef-volume-height | 4px | Track and thumb height. |
--ef-volume-track-color | var(--ef-color-border, rgba(255, 255, 255, 0.2)) | Unfilled track color. |