Hide radix imports

[dominikjasek]

Hey, is there any eslint or tsconfig rule which forbids default radix components?

In the following picture, I don't want to see second row.

[Alexjoshua14]

I'm not sure if this is directly helpful for you but for anyone using VSCode, you can add '@radix-ui' to the Auto Import File Exclude Patterns option in VSCode's settings.

[Alexjoshua14]

@NjengaFelix I could be wrong but I think that the problem there is the quotes that you have surrounding @radix-ui. I think that currently your setting is set to exclude '@radix-ui' instead of @radix-ui. Here's a screen shot of the exact setting I have that works for my VSCode environment. If this doesn't resolve your issue, let me know and I'll see if there's anything else I can do to help.

[rwieruch]

JSON Settings

  "typescript.preferences.autoImportFileExcludePatterns": [
    "@radix-ui"
  ],

https://twitter.com/rwieruch/status/1767628375190102301

[NjengaFelix]

Thank you this works

[joaopedrodcf]

@rwieruch that's actually pretty nice!

[zenzen-sol]

This also blocks auto-import of @radix-ui/react-icons, and I guess anything else in the @radix-ui namespace that doesn't have a counterpart in shadcn-ui.

@rwieruch I replied to your tweet with an incorrect clarification. I assumed that normal glob rules would apply in the exclude patterns, but they don't seem to work.

Does anyone have a clever trick for allowing only @radix-ui/react-icons, but blocking all the rest of @radix-ui/*?