@yamada-ui/react/dist/types/components/hue-slider/hue-slider.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ThemeProps, WithoutThemeProps } from "../../core/system/index.types.js";
import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { HueSliderStyle } from "./hue-slider.style.js";
import { SliderRootProps, SliderThumbProps, SliderTrackProps } from "../slider/slider.js";
import "../../index.js";
import * as react105 from "react";

//#region src/components/hue-slider/hue-slider.d.ts
interface HueSliderRootProps extends WithoutThemeProps<Omit<SliderRootProps, "betweenThumbs" | "marks" | "marksProps" | "max" | "rangeFill" | "rangeProps" | "thumbFill" | "thumbProps" | "trackFill" | "trackProps">, HueSliderStyle>, ThemeProps<HueSliderStyle> {
  /**
   * The maximum allowed value of the slider. Cannot be less than min.
   *
   * @default 360
   */
  max?: number;
  /**
   * Props for the overlay element.
   */
  overlayProps?: HueSliderOverlayProps;
  /**
   * Props for the thumb element.
   */
  thumbProps?: HueSliderThumbProps;
  /**
   * Props for the track element.
   */
  trackProps?: HueSliderTrackProps;
}
declare const HueSliderPropsContext: react105.Context<Partial<HueSliderRootProps> | undefined>, useHueSliderPropsContext: () => Partial<HueSliderRootProps> | undefined;
/**
 * `HueSlider` is a component used to allow the user to select a color hue.
 *
 * @see https://yamada-ui.com/docs/components/hue-slider
 */
declare const HueSliderRoot: Component<"input", HueSliderRootProps>;
interface HueSliderTrackProps extends SliderTrackProps {}
declare const HueSliderTrack: Component<"div", HueSliderTrackProps>;
interface HueSliderOverlayProps extends HTMLStyledProps {
  /**
   * The layers used for the overlay element.
   */
  layers?: HTMLStyledProps[];
}
declare const HueSliderOverlay: react105.FunctionComponent<HueSliderOverlayProps>;
interface HueSliderThumbProps extends SliderThumbProps {}
declare const HueSliderThumb: Component<"div", HueSliderThumbProps>;
//#endregion
export { HueSliderOverlay, HueSliderOverlayProps, HueSliderPropsContext, HueSliderRoot, HueSliderRootProps, HueSliderThumb, HueSliderThumbProps, HueSliderTrack, HueSliderTrackProps, useHueSliderPropsContext };
//# sourceMappingURL=hue-slider.d.ts.map