ステップ

Stepコンポーネントを使って、一連のステップまたはプロセスを表示できます。

効果

ステップ１

こちらはステップ１の内容です

ステップ２

こちらはステップ２の内容です

ステップ３

こちらはステップ３の内容です

コード：

<Steps>
    <Step title="ステップ１">
        こちらはステップ１の内容です
    </Step>
    <Step title="ステップ２">
        こちらはステップ２の内容です
    </Step>
    <Step title="ステップ３">
        こちらはステップ３の内容です
    </Step>
</Steps>

任意の数のステップを追加できます。ステップの内容はMarkdownの記法に従います。

カスタムアイコン

デフォルトのアイコンは数字になりますが、必要に応じてアイコンを設定できます。

ステップ１

こちらはステップ１の内容です

ステップ２

こちらはステップ２の内容です

ステップ３

こちらはステップ３の内容です

コード：

<Steps>
    <Step title="ステップ１" icon="remix-progress-2-fill">
        こちらはステップ１の内容です
    </Step>
    <Step title="ステップ２" icon="remix-progress-4-fill">
        こちらはステップ２の内容です
    </Step>
    <Step title="ステップ３" icon="remix-progress-6-fill">
        こちらはステップ３の内容です
    </Step>
</Steps>

パラメータ説明

Step

title

string

标题

必須

ステップのヘッダーの定義

icon

string

Iconアイコン

可選

Iconの定義　定義方法の詳細はアイコン

効果#

カスタムアイコン#

パラメータ説明#

効果

カスタムアイコン

パラメータ説明