Progress ring

Exports

@mbsw/ui에서 가져올 수 있는 항목입니다.

ProgressRing

Props

컴포넌트별 주요 속성입니다. 조건부 속성의 조합과 공통 HTML, Radix 속성은 아래 전체 타입에서 확인하세요.

ProgressRing

ProgressRing 속성
PropType필수 여부
aria-labelstring조건부
aria-labelledbystring조건부
valuenumber필수

Type reference

전체 타입 보기

속성 조합과 상속 속성을 포함한 TypeScript 선언입니다.

import { type ComponentPropsWithoutRef } from 'react';

type DataAttributes = {
    [key: `data-${string}`]: boolean | number | string | undefined;
};

type SvgProps = ComponentPropsWithoutRef<'svg'> & DataAttributes;

type ProgressRingAccessibleName = {
    'aria-label': string;
    'aria-labelledby'?: string;
} | {
    'aria-label'?: never;
    'aria-labelledby': string;
};

type ProgressRingOwnedSvgProp = 'aria-hidden' | 'aria-label' | 'aria-labelledby' | 'aria-valuemax' | 'aria-valuemin' | 'aria-valuenow' | 'children' | 'color' | 'dangerouslySetInnerHTML' | 'fill' | 'focusable' | 'height' | 'pathLength' | 'role' | 'stroke' | 'strokeDasharray' | 'strokeDashoffset' | 'strokeLinecap' | 'strokeWidth' | 'tabIndex' | 'transform' | 'viewBox' | 'width';

export type ProgressRingProps = Omit<SvgProps, ProgressRingOwnedSvgProp> & ProgressRingAccessibleName & {
    value: number;
};

export declare const ProgressRing: import("react").ForwardRefExoticComponent<ProgressRingProps & import("react").RefAttributes<SVGSVGElement>>;