Custom toasts

It is possible to disable default toasts for the AvailabilitySettings and EventTypeSettings atoms to then use hooks => callbacks and listen for updates to then render your own toasts. If we use the AvailabilitySettings atom, make changes and press “Save” a confirmation appears:

We can disable them using disableToasts prop:

<AvailabilitySettings
    disableToasts={true}
/>

Now when changes happen and Save is clicked the toast will not appear. You can then create functions and pass them to hooks:

<AvailabilitySettings
    disableToasts={true}
    onUpdateSuccess={updateSuccessHandler}
    onUpdateError={updateErrorHandler}
    onDeleteSuccess={deleteSucessHandler}
    onDeleteError={deleteErrorHandler}
/>

in case of success response is passed to your functions and in case of error and error.

Getting Started

Onboarding

Booking

Event Types

Availability

Calendars

Integrations

Utility

Guides

Hooks