A React component for integrating the Tebuto booking widget into your own website.

---

Table of Contents

• Installing
• Getting Started
• API Reference
• License

Installing

This is a Node.js module available through the npm registry.

Installation is done using thenpm install command:

npm install @tebuto/react-booking-widget

Getting Started

You need an existing react project to use the Tebuto booking component, if you don't have one follow this Guide to create one.

Here's a basic example how the widget can be used:

import { TebutoBookingWidget } from '@tebuto/react-booking-widget'

const YourComponent = () => {
  return <TebutoBookingWidget therapistUUID="<your-therapist-uuid>" />
}

You can obtain the therapist UUID from the appointment settings. In the embedding section, click on the HTML button and use the value from the data-therapist-uuid attribute.

API Reference

Note: The values for the therapist UUID and the category IDs can be obtained from the HTML embedding option in the appointment settings.

Name	Description	Type	Required	Default
therapistUUID	A unique identifier for the therapist.	string	Yes	-
backgroundColor	The hex background color of the component.	string	No	transparent
border	Specifies the border style (e.g., none, solid, dashed).	boolean	No	true
categories	An array of appointment category IDs to be shown in the widget.	number[]	No	[]

License

MIT