2.0.0 • Published 3 years ago
@lokeshdevareddy/filtercomponent v2.0.0
Description: This sample demonstrates how to integrate generic-prompt-component from Package languages:
- React JS Details: -Generic filters
Installation
Before installing add .npmrc file and in that file add registry; registry=http://35.192.114.197:4873
Note that this installation guide uses the generic-prompt-component
version of the package;
1. Install Prompt Component as a dependency
# Yarn
$ yarn add generic-prompt-component
# NPM
$ npm install generic-prompt-component
(or)
if .npmrc not added try this
$ npm i -s --registry http://35.192.114.197:4873 generic-prompt-component
Usage
- Import the
generic-prompt-component
module
// ES6
import PromptComponent from 'generic-prompt-component'
// ES5
var PromptComponent = require('generic-prompt-component').default
Example
import PromptComponent from 'generic-prompt-component'
render() {
const dataServiceUrl = "https://k12-dev.innive.io/dataservice"; //dataserice url t0 domain data for filter
const ReportId = '5fd3521b891a1234eacece84'; // Report excuted in dataservice and bring respective data
const data={filters:[]}; // if type is filter or copy then data need to be given to retain the selected filters
const filter=[]; // Pass filters data that to be rendered
const type=false||"filter"||"copy"
const handleChange=()=>{} // event triggered when filter changed
const accordion=true // enable accordion
return <PromptComponent
dataServiceUrl={dataServiceUrl}
ReportId={ReportId}
filters={filters}
data={data}
type={type}
onChange={handleChange}
accordion={accordion}
lazyLoad={false} //Enable or disable lazy load
/>
}
Version 0.0.1
Prerequisite Accordion need to be added generic with configurable.
2.0.0
3 years ago