Writing component to custom folder

[spamdwich]

|── components/
│ ├── Button/
│ │ ├── index.tsx
│ │ ├── Button.css
│ │ └── Button.test.tsx

This is how the directory structure of my project looks like. I used shadcn and it adds the component file inside the "ui" alias that we have. Is there any flag in cli using which I can add the file to a custom path. I can import the components using relative path. Is there any way right now?

[spamdwich]

Ended up finding a solution here - documentation

[kerryj89]

How were you able to do this with I'm assuming the path option?
I am also after the folder-per-component structure like yours.
It doesn't seem to work for most of us #848

--

Actually, a clue from #4680 (comment) shows that it used to work

[L3on06]

To customize the installation path for ShadCN/UI components, follow these steps:

1. Navigate to the components.json file.

• If this file does not exist at the root level, run the command:

npx shadcn@latest init

2. In the components.json file, update the following properties:

• ui: Specify the path where the components should be installed.
• components: Define the path for the components' installation.

Example:

{
  "ui": "@/shared/components/ui",
  "components": "@/shared/components"
}

[someError]

npx shadcnf@latest add button
https://github.com/someError/shadcn-folder-component
https://www.npmjs.com/package/shadcnf