How to apply styling? #203
-
How can i apply theme? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
There are no "themes" as such for this library, however it does use CSS class names that can be leveraged to style the components. For example, the outer-most Additionally, the demo code has examples of different styling libraries being used in conjunction with this library. Please note that with some of them you have to use custom components (see here). UPDATE 2022:React Query Builder now has officially supported component packages compatible with several popular style libraries: |
Beta Was this translation helpful? Give feedback.
There are no "themes" as such for this library, however it does use CSS class names that can be leveraged to style the components. For example, the outer-most
div
has a class of"queryBuilder"
, and each groupdiv
has a class of"ruleGroup"
. The fields lists, operators, values, and other components all have their own classes.Additionally, the demo code has examples of different styling libraries being used in conjunction with this library. Please note that with some of them you have to use custom components (see here).
UPDATE 2022:
React Query Builder now has officially supported component packages compatible with several popular style libraries: