🔹 Description
Description
...
🔹System Dependencies
...
?? Configuration
Code Block |
---|
import { SelectWithProfileSelectWithLinks } from 'empower-inputs'; ..................................... const sampleSelectWithProfilesampleSelectWithLinks = { id: 'selectTalentlink', type: 'multi-select', options: [ { employee_codecategory: '8WzFa_veynqMfD9h'"Csa", employee_bucket_code: 'BCKT-00001', employee_namelabel: "AnnieSample Ruth1 SuficienciaLinks", employee_profile_piclink: "r8gbRpma2erKC0VZmhrsK8ko5TnDlLWZUOgOYM0DSOMz2BhoUXvdcTOB9KeIxTrj.jpg/sample-1", employee_position: 'QA Analyst', value: "sample-1" employee_email: 'annie.suficiencia@empowerteams.io' }, { employee_codecategory: '20-0520'"Csa", employee_bucket_code: 'BCKT-00001', employee_namelabel: "ClaroSample Abelardo2 LagmanLinks", employee_profile_piclink: "DLyv4BQMrGeNYLHWueWGjSe3mHXXlhT7mzYa9tzJgJ45BMdy04D5qwhOVk1hzoUd.jpeg/sample-2", employee_position: 'Experience Manager',value: "sample-2" employee_email: 'claro.lagman@empowerteams.io' }, { employee_codecategory: '9shB7xW6Mm_tCFvP'"Csa", employee_bucket_code: 'BCKT-00001', employee_namelabel: "CristopherSample John3 BarrabaLinks", employee_profile_pic: "MfYggj5oHGckWp9xo52X63PimoqZXYe2LfnMHWif5hq7hXtRXOiLMcjnHZafcbmk.jpg", employee_position: 'QA Analyst', employee_email: 'cristopher.barraba@empowerteams.io' }, { employee_code: '19-1244', employee_bucket_code: 'BCKT-00001', employee_name: "Crystal Joy Menalink: "/sample-3", employee_profile_picvalue: "FBeHzK52TQrxgaJejCOFobiqvEOHAFc3Slz4Czx8b9nPjljvQRhAWIMNM3zdBuKp.jpg", employee_position: 'Sr. Business Analyst', employee_email: 'crystal.mena@empowerteams.io'sample-3" } ], placeholder: 'SelectSearch for employeedeals', label: "Sample Select With ProfileLinks", value: [], disabled: false, required: true, isMultiple: false } .................................. const inputChangedHandler = (val, key) => { console.log('VAL', val) console.log('KEY', key) } <SelectWithProfile<SelectWithLinks config={sampleSelectWithProfilesampleSelectWithLinks} onChanged={(e: any) => inputChangedHandler(e, 'sampleSelectWithProfilesampleSelectWithLinks')} /> |
🔹 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
...