CODEWITHSUNDEEP
cssreactjssuitersuite
KThiseas
KThiseas

Reputation: 31

React Suite (rsuitejs) CSS conflicts

(Beginner here) I have a react project created with create-react-app, in a module I am importing rsuite (v5) components and styles as following:

import 'rsuite/dist/rsuite.min.css';
import { DateRangePicker, InputPicker } from 'rsuite';

but rsuite overrides my css globally.

I tried to import styles individually

import 'rsuite/DateRangePicker/styles/index.less';
import 'rsuite/InputPicker/styles/index.less';

but nothing happens.

How can I prevent rsuite from overriding my css ?

Upvotes: 3

Views: 1542

Answers (1)

Ramy Basuoney
Ramy Basuoney

Reputation: 31

A simple way to solve this issue in rsuite v5

import "rsuite/dist/rsuite-no-reset.min.css";

instead of

import 'rsuite/dist/rsuite.min.css';

Upvotes: 3

Related Questions