🔹 Description
Description
🔹System Dependencies
🔹 Installation
The package can be installed via npm:
npm i empower-inputs
?? Configuration
import { SelectWithLinks } from 'empower-inputs'; ..................................... const sampleSelectWithLinks = { id: 'link', type: 'multi-select', options: [ { category: "Csa", label: "Sample 1 Links", link: "/sample-1", value: "sample-1" }, { category: "Csa", label: "Sample 2 Links", link: "/sample-2", value: "sample-2" }, { category: "Csa", label: "Sample 3 Links", link: "/sample-3", value: "sample-3" } ], placeholder: 'Search for deals', label: "Sample Select With Links", value: [], disabled: false, required: true, isMultiple: false } .................................. const inputChangedHandler = (val, key) => { console.log('VAL', val) console.log('KEY', key) } <SelectWithLinks config={sampleSelectWithLinks} onChanged={(e: any) => inputChangedHandler(e, 'sampleSelectWithLinks')} />
🔹 Properties
Parameter | Data Type | Constraint | Description |
---|---|---|---|
id | String | Required | Set the id for the select. |
type | String | Required | Set the component to display if multiple select drop down will be use. |
options | Array | Required | Set the data to display in the drop down selection. It should consist of:
|
placeholder | String | Optional | Set the placeholder of the select. |
label | String | Optional | Set the title/label of the select |
value | Array | Required | Set the value that selected in drop down. |
disabled | Boolean | Optional | Set if the select is disable or not. |
required | Boolean | Optional | Set to display asterisk ('*') or not. |
isMultiple | Boolean | Required | Set if the component is multiple-select or not. |
🔹 References
Repository Link: https://gitlab.com/empowerteams/empower-inputs.git
NPM Package: https://www.npmjs.com/package/empower-inputs
Demo Repo: git@bitbucket.org:empowerteams/mfe-sub-application-template.git