message: Add links to demo with compatibility styles preselected
diff: @@ -4,13 +4,15 @@ title: Compatibility packages
  The default React Query Builder components, being basic HTML5 form controls, are very flexible with styling (primarily through the [`controlClassnames` prop](./api/querybuilder#controlclassnames)). But some style libraries require different HTML structure to style their form controls correctly.
  -Official components compatible with several popular style libraries are available under the [`@react-querybuilder` org on npm](https://www.npmjs.com/org/react-querybuilder). Current supported libraries include:
  +Official components compatible with several popular style libraries are available under the [`@react-querybuilder` org on npm](https://www.npmjs.com/org/react-querybuilder).
  -- [Ant Design](https://ant.design/) ([@react-querybuilder/antd](https://www.npmjs.com/package/@react-querybuilder/antd))
  -- [Bootstrap](https://getbootstrap.com/) ([@react-querybuilder/bootstrap](https://www.npmjs.com/package/@react-querybuilder/bootstrap))
  -- [Bulma](https://bulma.io/) ([@react-querybuilder/bulma](https://www.npmjs.com/package/@react-querybuilder/bulma))
  -- [Chakra UI](https://chakra-ui.com/) ([@react-querybuilder/chakra](https://www.npmjs.com/package/@react-querybuilder/chakra))
  -- [MUI](https://mui.com/) ([@react-querybuilder/material](https://www.npmjs.com/package/@react-querybuilder/material))
  +| Library | Compatibility package | Demo link |
  +| -------------------------------------- | -------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------- |
  +| [Ant Design](https://ant.design/) | [@react-querybuilder/antd](https://www.npmjs.com/package/@react-querybuilder/antd) | [Demo](https://react-querybuilder.js.org/react-querybuilder/#style=antd) |
  +| [Bootstrap](https://getbootstrap.com/) | [@react-querybuilder/bootstrap](https://www.npmjs.com/package/@react-querybuilder/bootstrap) | [Demo](https://react-querybuilder.js.org/react-querybuilder/#style=bootstrap) |
  +| [Bulma](https://bulma.io/) | [@react-querybuilder/bulma](https://www.npmjs.com/package/@react-querybuilder/bulma) | [Demo](https://react-querybuilder.js.org/react-querybuilder/#style=bulma) |
  +| [Chakra UI](https://chakra-ui.com/) | [@react-querybuilder/chakra](https://www.npmjs.com/package/@react-querybuilder/chakra) | [Demo](https://react-querybuilder.js.org/react-querybuilder/#style=chakra) |
  +| [MUI](https://mui.com/) | [@react-querybuilder/material](https://www.npmjs.com/package/@react-querybuilder/material) | [Demo](https://react-querybuilder.js.org/react-querybuilder/#style=material) |
  You can see each alternate component package in action by selecting different options in the "Style" dropdown list on the [demo page](https://react-querybuilder.js.org/react-querybuilder/).
  