Progress Indicatorプログレスインジケーター

ユーザーにアプリケーションの待機状態を視覚的に示すためのコンポーネントです。

更新 2024/11/1

サイズ

Small、Medium、Largeの3種類があります。

Small

Medium

Large

import { ProgressIndicator } from "@serendie/ui";
import { HBox, VBox } from "src/components/LayoutUtils";

export function SizeSample() {
  return (
    <HBox>
      <VBox>
        <ProgressIndicator size="small" />
        <p>Small</p>
      </VBox>
      <VBox>
        <ProgressIndicator size="medium" />
        <p>Medium</p>
      </VBox>
      <VBox>
        <ProgressIndicator size="large" />
        <p>Large</p>
      </VBox>
    </HBox>
  );
}