docs: add example and improve tabs prop documentation in event type settings (#24393)

This commit is contained in:
chauhan_s
2025-10-13 10:18:46 +00:00
committed by GitHub
parent 3bcaf0ec22
commit c0c52750b6
+15 -1
View File
@@ -128,6 +128,7 @@ export function EventTypeTabs(eventTypeId: number) {
<EventTypeSettings
id={eventTypeId}
allowDelete={true}
tabs={["setup", "limits", "recurring", "advanced", "availability", "team", "payments"]}
onSuccess={(eventType) => {
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
<EventTypeSettings
id={eventTypeId}
tabs={["setup", "limits", "availability"]}
onSuccess={(eventType) => {
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 |