Web Integration
Iframe Integration
EasyTeamLauncher offers a complete workforce management interface with minimal effort. Recommended for most platforms: Use the iframe element to embed Easyteam features directly in your web app while maintaining full control over customization and behavior.
Installation
Basic Implementation
Navigation Between Pages
Parameters
| Property | Type | Required | Description |
|---|---|---|---|
jwt | string | Yes | Authentication token for the session. See Authentication docs. |
employees | Array<Employee> | Yes | Employee data (IDs, names, roles, locations). No PII is stored. See Passing Data docs. |
locations | Array<Location> | No | List of work locations. Used to define organizational structure. |
organization | Organization | No | Metadata about the company using the platform. |
roles | Array<Role> | No | Custom permission structures to apply to users. See Passing Data. |
theme | object | No | UI customization object. See Theme Configuration docs. |
fonts | object | No | Custom fonts mapping, e.g. regular, bold, semiBold. |
baseURL | string | No | The iframe source base URL (e.g., Easyteam sandbox or production endpoint). |
apiBaseURL | string | No | Base URL for API calls (matches the iframe base or separate endpoint). |
onEvent | (event: Event) => void | No | Callback for user actions like clock-in, break start, or export. |
React Integration
Installation
Provider Setup
Example Component Implementation
Comparison
React Integration
✔️ Deep integration with existing UI
✔️ Custom state management
✔️ Flexible routing
⚠️ Requires more initial setup
Iframe Integration
✔️ Automatic updates
✔️ Minimal maintenance
✔️ Built-in responsive design
⚠️ Limited customization
Next Steps
1.
2.
3.
Modified at 2025-06-12 13:00:21