/

Remark Steps

見出しからステップを生成します

使い方

Remark Steps は remark プラグインです。次のように設定に追加してください。

source.config.ts

import { defineConfig } from 'fumadocs-mdx/config';
import { remarkSteps } from 'fumadocs-core/mdx-plugins/remark-steps';

export default defineConfig({
  mdxOptions: {
    remarkPlugins: [remarkSteps],
  },
});

入力

ステップの見出しを作成します。

# Heading 1 [step]

## Sub Heading 1 [step]

## Sub Heading 2 [step]

# Heading 2 [step]

出力

プラグインによって、次のような構造が生成されます。

<div className="fd-steps">
  <div className="fd-step">
    # Heading 1
    <div className="fd-steps">
      <div className="fd-step">## Sub Heading 1</div>
      <div className="fd-step">## Sub Heading 2</div>
    </div>
  </div>
  <div className="fd-step"># Heading 2</div>
</div>

How is this guide?

最終更新日

このページの内容

使い方入力出力

General Translation