Is there any way to not load the styles ?

[marcosschroh]

Hi,

I would like to load this library without the styling, is this possible?

[ukrbublik]

You mean without using antd styles at all?

[marcosschroh]

yes

[ukrbublik]

Well, it was designed to use advantages of antd's components (and thus loading its styles is required).

Stripping styles is possible however, but I don't have time for this.
(PR is welcome)

[marcosschroh]

Ok, thanks for the reply @ukrbublik . I will try to make some time for a PR.

[bandersen22000]

I had the same problem. Based on the following link I did the following to solve the problem:

1. Fork the repo(awsome-query-builder)
2. Open file .babelrc and set style: false
3. Build a new package
4. Include the new package in your own solution and then add the individual stylings needed for Antd and query builder in your own solution:
   `@import "~antd/lib/select/style/index.css";
   @import "~antd/lib/grid/style/index.css";
   @import "~antd/lib/switch/style/index.css";
   @import "~antd/lib/icon/style/index.css";
   @import "~antd/lib/dropdown/style/index.css";
   @import "~antd/lib/date-picker/style/index.css";
   @import "~antd/lib/input-number/style/index.css";

@import "~antd/lib/input-number/style/index.css";`

5. When you then run your own solution you will have an ugly query builder, that you can style on your own and the rest of your solution will not be affected by the Antd styling.

Thanks to @ukrbublik for sending the link.

[ukrbublik]

See latest version: import 'react-awesome-query-builder/css/antd.less';
Now antd styles are not loaded at all by default