@netdata/netdata-ui
Version:
netdata UI kit
12 lines • 775 B
JavaScript
import styled from "styled-components";
import { getColor } from "../../../theme";
export var InputRange = styled.input.attrs({
type: "range"
}).withConfig({
displayName: "styled__InputRange",
componentId: "sc-17kts71-0"
})(["-webkit-appearance:none;height:2px;background-color:", "40;background-image:linear-gradient(", ",", ");background-repeat:no-repeat;background-size:", ";cursor:pointer;width:100%;&::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:10px;border-radius:50%;background:", ";transition:all 0.3s ease-in-out;&:active{height:16px;width:16px;}}"], getColor("primary"), getColor("primary"), getColor("primary"), function (_ref) {
var max = _ref.max,
value = _ref.value;
return value * 100 / max + "% 100%";
}, getColor("primary"));