Need help for organizing components + docs

[henilshahdev]

Context: I'm creating an internal UI component library for my workplace.

Current directory structure:

Current Docs file example:

---
title: Button 01
description: Button 01
---

import Button01 from "../../../../components/Button/Button-01";

# Preview
<Button01 />

# Code
```jsx
import Button01 from "../../components/buttons/Button-01";

function MyButton01() {
  return <Button01 />;
}

Questions:

1. Is this the best way to import components (.tsx) into docs (.mdx)?
2. Should I consider having a registry similar to shadcn-ui?
3. Any performance issues I might encounter with the current implementation?

[fuma-nama]

1. Yes
2. That's up to you

[henilshahdev]

Thank you so much for the reply.