The <Steps> component organizes sequential content with automatic numbering and anchor links. Use steps for tutorials, walkthroughs, setup guides, or any content that needs to be followed in order.
Add titles to steps for better organization and clarity.
You can also define steps using markdown headings instead of the <Step> component. Place ## or ### headings directly inside <Steps> and they are automatically converted into step titles with anchor links.
When toc={true} is set, each step’s position in the table of contents matches its heading level — ## headings appear at depth 2, ### at depth 3.
Steps can contain rich content including callouts, accordions, code blocks, and other components.
Before adding a new plant to your garden, verify it will thrive in your climate. Most houseplants prefer temperatures between 65-75°F and moderate humidity.
Different plants have different watering needs.
Succulents and cacti store water in their leaves and stems, so they need infrequent watering. Water every 2-3 weeks, allowing the soil to dry out completely between waterings. Overwatering is the most common cause of succulent death.
Tropical plants like Monsteras, Pothos, and Philodendrons prefer consistent moisture. Water when the top inch of soil feels dry to the touch, typically once per week. These plants thrive in higher humidity environments.
<Steps> propertiesWhether to include steps in the table of contents. Defaults to false.
When using markdown headings inside <Steps>, the heading level controls where steps appear in the table of contents hierarchy. Use ## for depth 2 or ### for depth 3.
The depth at which steps appear in the table of contents when toc is enabled. Accepts 1, 2, or 3. Defaults to 3.
When using markdown headings, tocDepth is set automatically from the heading level. When using <Step> components, set this manually to control nesting in the table of contents.
<Step> propertiesOptional title for the step
The unique ID for the step. Used for linking and navigation. If not specified, an ID will be generated automatically.
Additional CSS classes to apply to the step