This element is a range slider with values from 0 to 1.
Attributes
| Attribute | React prop | Type | Default | Description |
|---|
target | target | string | "" | 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. |