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

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

import { WithoutThemeProps } from "../../core/system/index.types.js";
import { Component } from "../../core/components/index.types.js";
import "../../core/index.js";
import { AlphaSliderStyle } from "./alpha-slider.style.js";
import { HueSliderOverlayProps, HueSliderRootProps, HueSliderThumbProps, HueSliderTrackProps } from "../hue-slider/hue-slider.js";
import "../../index.js";
import * as react49 from "react";

//#region src/components/alpha-slider/alpha-slider.d.ts
interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps, "color" | "max" | "step" | "thumbProps" | "trackProps">, AlphaSliderStyle> {
  /**
   * The color used for the slider.
   */
  color: string;
  /**
   * The maximum allowed value of the slider. Cannot be less than min.
   *
   * @default 1
   */
  max?: number;
  /**
   * The step in which increments or decrements have to be made.
   *
   * @default 0.01
   */
  step?: number;
  /**
   * Props for the overlay element.
   */
  overlayProps?: AlphaSliderOverlayProps;
  /**
   * Props for the thumb element.
   */
  thumbProps?: AlphaSliderThumbProps;
  /**
   * Props for the track element.
   */
  trackProps?: AlphaSliderTrackProps;
}
declare const AlphaSliderPropsContext: react49.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
/**
 * `AlphaSlider` is a component used to allow the user to select color transparency.
 *
 * @see https://yamada-ui.com/docs/components/alpha-slider
 */
declare const AlphaSliderRoot: Component<"input", AlphaSliderRootProps>;
interface AlphaSliderOverlayProps extends HueSliderOverlayProps {}
declare const AlphaSliderOverlay: Component<"div", AlphaSliderOverlayProps>;
interface AlphaSliderTrackProps extends HueSliderTrackProps {}
declare const AlphaSliderTrack: Component<"div", AlphaSliderTrackProps>;
interface AlphaSliderThumbProps extends HueSliderThumbProps {}
declare const AlphaSliderThumb: Component<"div", AlphaSliderThumbProps>;
//#endregion
export { AlphaSliderOverlay, AlphaSliderOverlayProps, AlphaSliderPropsContext, AlphaSliderRoot, AlphaSliderRootProps, AlphaSliderThumb, AlphaSliderThumbProps, AlphaSliderTrack, AlphaSliderTrackProps, useAlphaSliderPropsContext };
//# sourceMappingURL=alpha-slider.d.ts.map