From c0c52750b6b68cf20c5e7bca295cfddb088450fc Mon Sep 17 00:00:00 2001 From: chauhan_s Date: Mon, 13 Oct 2025 12:18:46 +0200 Subject: [PATCH] docs: add example and improve tabs prop documentation in event type settings (#24393) --- docs/platform/atoms/event-type.mdx | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/docs/platform/atoms/event-type.mdx b/docs/platform/atoms/event-type.mdx index d83a7bdf1e..536b035e6c 100644 --- a/docs/platform/atoms/event-type.mdx +++ b/docs/platform/atoms/event-type.mdx @@ -128,6 +128,7 @@ export function EventTypeTabs(eventTypeId: number) { { console.log("EventType settings updated successfully", eventType); }} @@ -142,6 +143,19 @@ export function EventTypeTabs(eventTypeId: number) { } ``` +To show only specific tabs, remove the ones you don't want from the array: + +```js +// Example: Show only setup, limits, and availability tabs + { + console.log("EventType settings updated successfully", eventType); + }} +/> +``` + If the `eventTypeId` is of a team event type id, then only the owner or admin of the team can update the event type settings. That means you have to create a managed user and then add an accepted membership with an admin or owner role by making a request to the [memberships endpoint](https://cal.com/docs/api-reference/v2/orgs-teams-memberships/create-a-membership). Example body: ```js @@ -176,7 +190,7 @@ Below is a list of props that can be passed to the event type settings atom. | Name | Required | Description | |:--------------|:----------|:-----------------------------------------------------------------------------------------------------------| | id | Yes | The event type id obtained at the time of event type creation -| tabs | No | The tabs you want the event type settings to display | +| tabs | No | Array of tabs to display in the event type settings. Possible values: `["setup", "limits", "recurring", "advanced", "availability", "team", "payments"]`. Remove any tabs you don't want to show. | | onSuccess | No | Callback function that triggers when the event type is successfully updated | | onError | No | Callback function to handles errors at the time of event type update | | onFormStateChange | No | Callback function that triggers when the form state changes, providing access to isDirty, dirtyFields, and current form values |