Progress

Playground

'use client';
import { Progress } from '@mbsw/ui';

export default function Demo() {
  const settings = {
    "label": "label",
    "showValue": true,
    "value": 64
  };
  return (
    <Progress
      label={settings.label}
      value={settings.value}
      showValue={settings.showValue}
      style={{ width: 280, maxWidth: '100%' }}
    />
  );
}

Properties

Value64

Show value

Content

Label

Usage

value는 0–100 범위의 유한한 숫자입니다. showValue로 화면의 값을 표시합니다.

'use client';
import { Progress } from '@mbsw/ui';

export default function Example() {
  return <Progress label="label" value={64} showValue />;
}

Playground의 Code 탭에서 현재 설정과 동작이 포함된 예제 전체를 복사할 수 있습니다. 공통 CSS 설치는 설치하기를 확인하세요.

Composition

Progress