Progress

Exports

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

Progress

Props

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

Progress

Progress 속성
Prop	Type	필수 여부
`label`	`string`	조건부
`aria-label`	`string`	조건부
`aria-labelledby`	`string`	조건부
`value` A finite, determinate percentage in the inclusive 0..100 range.	`number`	필수
`showValue` Show the same formatted value exposed to assistive technology.	`boolean`	선택
`getValueLabel`	`((value: number, max: number) => string)`	선택

Type reference

전체 타입 보기

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

import { type ComponentPropsWithoutRef } from 'react';

import { Progress as ProgressPrimitive } from 'radix-ui';

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

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

export type ProgressProps = Omit<ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'asChild' | 'aria-hidden' | 'aria-label' | 'aria-labelledby' | 'aria-valuemax' | 'aria-valuemin' | 'aria-valuenow' | 'aria-valuetext' | 'getValueLabel' | 'max' | 'role' | 'tabIndex' | 'value'> & DataAttributes & AccessibleName & {
    /** A finite, determinate percentage in the inclusive 0..100 range. */
    value: number;
    /** Show the same formatted value exposed to assistive technology. */
    showValue?: boolean;
    getValueLabel?: (value: number, max: number) => string;
};

export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;