@yamada-ui/react/dist/types/components/circle-progress/circle-progress.d.ts

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

import { ThemeProps } from "../../core/system/index.types.js";
import { CSSProps } from "../../core/css/index.types.js";
import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { CircleProgressStyle } from "./circle-progress.style.js";
import { UseProgressProps } from "../progress/use-progress.js";
import "../../index.js";
import * as react919 from "react";

//#region src/components/circle-progress/circle-progress.d.ts
interface CircleProgressRootProps extends HTMLStyledProps, UseProgressProps, ThemeProps<CircleProgressStyle> {
  /**
   * The animation duration in seconds.
   */
  duration?: number | string;
  /**
   * The color of the progress range.
   */
  rangeColor?: CSSProps["color"];
  /**
   * The thickness of the progress bar.
   */
  thickness?: CSSProps["width"];
  /**
   * The color of the progress track.
   */
  trackColor?: CSSProps["color"];
  /**
   * Props for the progress circle element.
   */
  circleProps?: CircleProgressCircleProps;
  /**
   * Props for the progress range element.
   */
  rangeProps?: CircleProgressRangeProps;
  /**
   * Props for the progress track element.
   */
  trackProps?: CircleProgressTrackProps;
}
declare const CircleProgressPropsContext: react919.Context<Partial<CircleProgressRootProps> | undefined>, useCircleProgressPropsContext: () => Partial<CircleProgressRootProps> | undefined;
/**
 * `CircleProgress` is a component that displays progress in a circular progress bar.
 *
 * @see https://yamada-ui.com/docs/components/circle-progress
 */
declare const CircleProgressRoot: Component<"div", CircleProgressRootProps>;
interface CircleProgressCircleProps extends HTMLStyledProps<"svg"> {}
interface CircleProgressTrackProps extends HTMLStyledProps<"circle"> {}
interface CircleProgressRangeProps extends HTMLStyledProps<"circle"> {}
interface CircleProgressLabelProps extends HTMLStyledProps<"span"> {}
declare const CircleProgressLabel: Component<"span", CircleProgressLabelProps>;
//#endregion
export { CircleProgressLabel, CircleProgressLabelProps, CircleProgressPropsContext, CircleProgressRoot, CircleProgressRootProps, useCircleProgressPropsContext };
//# sourceMappingURL=circle-progress.d.ts.map