Editor Setup

Editor Support for Custom ClassName Props

When using non-className props (e.g headerClassName) you may need to configure your editor to recognize these new props for proper IntelliSense and autocomplete.

For detailed information about working with third-party components and creating custom className props, see the Styling Third-Party Components guide.

VS Code Configuration

If you're using VS Code with the Tailwind CSS IntelliSense extension, you can add custom className props to the tailwindCSS.classAttributes setting:

{
  (...)
  "files.associations": {
    "*.css": "tailwindcss",
  },
  "tailwindCSS.classAttributes": [
    "class",
    "className",
    "headerClassName"
  ]
}

This will enable autocomplete and IntelliSense for your custom className props