HueSlider
HueSlider
is a component used to allow the user to select a color hue.
Theming
The HueSlider
is a multi part component.
If you want to change the style of the component, please check here.
export const HueSlider: ComponentMultiStyle<"HueSlider"> = {baseStyle: {container: {cursor: "pointer",rounded: "full",w: "100%",_disabled: {cursor: "not-allowed",opacity: 0.6,},_readOnly: { cursor: "auto" },},overlay: {rounded: "full",},thumb: {borderColor: "whiteAlpha.950",borderWidth: "3px",boxShadow: ["md", "dark-md"],outline: 0,rounded: "full",transitionDuration: "normal",transitionProperty: "transform",_active: {transform: `scale(1.15)`,},_focusVisible: {boxShadow: ["outline", "outline"],},},track: {},},sizes: {sm: {container: { h: "3" },thumb: { boxSize: "3" },},md: {container: { h: "4" },thumb: { boxSize: "4" },},lg: {container: { h: "5" },thumb: { boxSize: "5" },},},defaultProps: {size: "md",},}
Edit this page on GitHub