Easyteam Embedded
GuidesAPIWhite-Label UIs
GuidesAPIWhite-Label UIs
  1. Integration
  • 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
    • Organization Settings Reference
  • Themes
    • UI Customization
  1. Integration

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
Modified at 2025-03-22 23:50:23
Previous
iframe Components
Next
React Native Components