ステップ
Step
コンポーネントを使って、一連のステップまたはプロセスを表示できます。
効果
コード:
<Steps>
<Step title="ステップ1">
こちらはステップ1の内容です
</Step>
<Step title="ステップ2">
こちらはステップ2の内容です
</Step>
<Step title="ステップ3">
こちらはステップ3の内容です
</Step>
</Steps>
任意の数のステップを追加できます。ステップの内容はMarkdownの記法に従います。
カスタムアイコン
デフォルトのアイコンは数字になりますが、必要に応じてアイコンを設定できます。
コード:
<Steps>
<Step title="ステップ1" icon="remix-progress-2-fill">
こちらはステップ1の内容です
</Step>
<Step title="ステップ2" icon="remix-progress-4-fill">
こちらはステップ2の内容です
</Step>
<Step title="ステップ3" icon="remix-progress-6-fill">
こちらはステップ3の内容です
</Step>
</Steps>
パラメータ説明
更新時間 4 months ago