コンポーネント

Progress

タスクの完了度合いを示すインジケーターを表示します。

import { Progress } from "@murasakijs/ui";export function ProgressDemo() {return <Progress value={60} className="w-[60%]" />;}

使い方

import { Progress } from "@murasakijs/ui";

<Progress value={60} />

Prop	型	デフォルト
`value`	`number \| null`	—

Progress は Radix UI の Progress.Root をレンダリングし、value(0〜100)に応じてインジケーターを水平方向に移動させます。

Alert

ユーザーの注意を引くためのコールアウトを表示します。

Dialog

プライマリウィンドウまたは他のダイアログウィンドウの上に重ねて表示され、下層のコンテンツを不活性にするウィンドウです。