Starting from version 0.4, the React Cube.js client comes with the component. It is designed to help developers build interactive analytics query builders. The <QueryBuilder /> abstracts state management and API calls to the Cube.js backend. It uses the render prop and doesn’t render anything itself, but calls the render function instead. This way it gives maximum flexibility to building a custom-tailored UI with a minimal API.
The example below shows the <QueryBuilder /> component in action with Ant Design UI framework elements.