@julo-ui/sliders
Version:
A React Slider component that implements input[type='range']
30 lines (27 loc) • 1.85 kB
JavaScript
import {
defaultSliderThumbIconCx
} from "./chunk-JKITDTMT.mjs";
// src/range-slider/components/range-slider-thumb/DefaultSliderThumbIcon.tsx
import { julo } from "@julo-ui/system";
import { jsx } from "react/jsx-runtime";
var DefaultSliderThumbIcon = () => {
return /* @__PURE__ */ jsx(
julo.div,
{
className: "julo-range-slider__default-thumb-icon",
__css: defaultSliderThumbIconCx,
children: /* @__PURE__ */ jsx(julo.svg, { width: 16, height: 16, viewBox: "0 0 16 16", fill: "white", children: /* @__PURE__ */ jsx(
julo.path,
{
fillRule: "evenodd",
clipRule: "evenodd",
d: "M6.69559 4.79983C6.69559 4.5877 6.61316 4.38425 6.46644 4.23423C6.31967 4.08425 6.12063 4 5.9131 4C5.70557 4 5.50653 4.08425 5.35976 4.23423L2.22915 7.43423C2.08243 7.58425 2 7.7877 2 7.99983C2 8.21196 2.08243 8.41541 2.22915 8.56543L5.35976 11.7654C5.50737 11.9112 5.70507 11.9918 5.91028 11.99C6.11549 11.9881 6.31179 11.904 6.4569 11.7557C6.60201 11.6074 6.68432 11.4067 6.68611 11.1969C6.68789 10.9872 6.609 10.7851 6.46644 10.6342L3.88916 7.99983L6.46644 5.36543C6.61316 5.21541 6.69559 5.01196 6.69559 4.79983ZM9.30441 11.1999C9.30441 11.412 9.38684 11.6154 9.53356 11.7655C9.68033 11.9154 9.87937 11.9997 10.0869 11.9997C10.2944 11.9997 10.4935 11.9154 10.6402 11.7655L13.7708 8.56545C13.9176 8.41543 14 8.21198 14 7.99985C14 7.78772 13.9176 7.58428 13.7708 7.43425L10.6402 4.23425C10.4926 4.08853 10.2949 4.00789 10.0897 4.00971C9.88451 4.01154 9.68821 4.09567 9.5431 4.244C9.39799 4.39233 9.31568 4.59298 9.31389 4.80273C9.31211 5.01249 9.391 5.21457 9.53356 5.36545L12.1108 7.99985L9.53356 10.6343C9.38684 10.7843 9.30441 10.9877 9.30441 11.1999Z"
}
) })
}
);
};
var DefaultSliderThumbIcon_default = DefaultSliderThumbIcon;
export {
DefaultSliderThumbIcon_default
};