Welcome to your new documentation!
This is a sample documentation page. Edit me.
Getting Started
To get started, you can create new .mdx files in the app/docs directory. Each file will be a new page in your documentation.
You can use markdown to format your text, and even include React components by importing the component in app/docs/[...slug]/page.tsx and including the component in the .mdx file.
import { Button } from "@/components/ui/button";
...
export default function DocsPage({ params }: { params: { slug: string[] } }) {
const { content } = getPageContent(params.slug);
const components = {
...,
Button,
};
return (
<MDXRemote source={content} components={components} />
);
}
---
title: "Contributing"
description: "A description for Contributing."
tags: []
---
# Contributing
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<Button>React component in my doc</Button>
Components
Stepper
Step 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum, felis sed efficitur tincidunt, justo nulla viverra enim, et maximus nunc dolor in lorem.
Step 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non neque ut eros auctor accumsan. Mauris a nisl vitae magna ultricies aliquam.
Step 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut ipsum nec nulla ultricies porttitor et non justo.
Tabs
Make changes to your account here. Click save when you're done.
Alert
This is an alert with icon, title and description.
Sharing your project key will allow anyone to see your bites.
Please note the access permissions of your project key before proceeding.
- Go to your projects page
- Toggle the "list all bites" option on your project
Image & Link
