🔹 Description
Related activities is a component that displays the related activity of the main content that have badge, description, status and timestamp.
🔹System Dependencies
🔹 Installation
The package can be installed via npm:
npm install empower-display --save
🔹 Component Variation Title (ex. Alert with Dropdown)
Configuration
import { NavTab } from 'empower-display';
..............
const activities = [
{
badge: SVG_BADGE_APPROVE,
status: 'approved',
desc: 'Desc 1',
date: 'date here',
},
{
badge: SVG_BADGE_PENDING,
status: 'pending',
desc: 'Desc 2',
date: 'date here',
}
];
/**
*
* getActions - method that gets the value and data of the component
*/
const getActions = (value, data) => {
console.log('VALUE', value, data)
}
..............
return (
<>
<RelatedActivities activities={activities} onChange={(action, data) => getActions(action, data)} />
</>
)
🔹 Properties
Parameter | Data Type | Constraint | Description |
|---|---|---|---|
activities | Array | Required | Display the data from the object inside the array |
🔹 References
Repository Link: https://gitlab.com/empowerteams/empower-display.git
NPM Package: https://www.npmjs.com/package/empower-display
Demo Repo: git@bitbucket.org:empowerteams/mfe-sub-application-template.git