@tebuto/react-booking-widget NPM

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`	`[]`