Motor components are complete React components for your Qlik Sense mashups. You can use them alongside our hooks to build custom dashboards (mashups) even faster.
All the components are styled using a default theme, which you can customise using our theme package. Some styling options are also available to change via props.
Get started by importing the components and theme packages into your application.
1npm i @motor-js/components @motor-js/theme styled-components
Once installed, just import the component into your project. In the below example, we are using the Filter component.
1import { useList } from '@motor-js/engine';2import { Filter } from '@motor-js/components;34const FilterExample = () => {56const dimension = ['Burger'];78const { listData, motorListProps} = useList({ dimension })910return (11<Filter12data={listData}13motorListProps={motorListProps}14/>15)1617}1819export default FilterExample