You're viewing the claude/md-suffix-urls deployment.
View on main →

Steps

Numbered steps, one per Step heading

Summary

Numbers a sequence of steps, like an installation guide.

Every Step inside Steps is the heading of a new step, numbered automatically; whatever follows it (paragraphs, code blocks…) is the content of that step. Unlike a ###, a Step has no anchor, and no entry in the table of contents.

<Steps>

  <Step>Install the dependencies</Step>

  ```sh
  npm install three @react-three/fiber
  ```

  <Step>Create a scene</Step>

  Render a `Canvas`, with a mesh in it:

  ```tsx
  import { Canvas } from '@react-three/fiber'

  export default function App() {
    return (
      <Canvas>
        <mesh>
          <boxGeometry />
          <meshNormalMaterial />
        </mesh>
      </Canvas>
    )
  }
  ```

  <Step>Run it</Step>

  That's it: start your dev server.

</Steps>

result:

Install the dependencies

pnpm add three @react-three/fiber

Create a scene

Render a Canvas, with a mesh in it:

import { Canvas } from '@react-three/fiber'

export default function App() {
  return (
    <Canvas>
      <mesh>
        <boxGeometry />
        <meshNormalMaterial />
      </mesh>
    </Canvas>
  )
}

Run it

That's it: start your dev server.

docs/authoring/steps.mdx

Edit this page