Prevent default styles from overwriting my CSS

[elgeneee]

I am using TailwindCSS to style all my components, I am only interested in using NextUI input and table component due to the looks of it. However, after following the guide from Get Started. All my texts are changed, not following the styles input by tailwind. Would appreciate any help if I am only interested in using some of the components provided by NextUI without altering my existing styles.

[jrgarciadev]

Hey @elgeneee you can disable the NextUI's base styles using this prop disableBaseline in the NextUIProvider
https://nextui.org/docs/guide/getting-started#nextuiprovider-props

e.g

// 1. import `NextUIProvider` component
import { NextUIProvider } from '@nextui-org/react';

function MyApp({ Component, pageProps }) {
  return (
    // 2. Use at the root of your app
    <NextUIProvider disableBaseline>
      <Component {...pageProps} />
    </NextUIProvider>
  );
}

export default MyApp;

Hope it helps you 🙌🏻

[elgeneee]

Thank you!

[ymittal]

How do I do this in v2? It doesn't seem like v2 has a disableBaseline prop

[MaxLikesCode]

What is the solution for v2?

[sal-the-dev]

Bumping this. Has anyone found a solution yet?

[dclstn]

This no longer works in v2, version bumps shouldn't result in loss of functionality