Q2 Roadmap: Embedded Notifications, Embedded Commissions, and Tips and more!
Easyteam Embedded
Guides
API
White-Label UIs
Guides
API
White-Label UIs
Integration
Copy Page
Integration
Easyteam Components
iframe Components
React Web Components
React Native Components
Component Reference
Time Clock Reference
Employees List Reference
Timesheets Reference
Shift Form Reference
Shift Notes Reference
Weekly Schedules Reference
Agenda Schedule Reference
Time Off Policies Settings Reference
Time Off Single Policy Reference
Settings Reference
Themes
UI Customization
Integration
Copy Page
React Web Components
React components provide a flexible, deeply customizable way to embed workforce management features into your React application.
Getting Started
#
Using React Components gives you complete control over the user interface while maintaining full functionality.
Install the React components package:
Basic Implementation
#
Wrap your application with the EasyTeam provider:
Render Components
#
Timesheets
Settings
Component State Management
#
Components maintain their own state while providing hooks for external control:
Event Handling
#
Components emit events for various actions that you can handle:
Each component accepts specific props for configuration. See each component's reference page for detailed documentation.
Next Steps
#
1.
Explore our
Component Library
for available components
2.
Review
Advanced Customization
options
3.
Check
Components Reference
for common patterns
Previous
iframe Components
Next
React Native Components