mintlify · mintlify · Apr 10, 2026
diff --git a/components/accordions.mdx b/components/accordions.mdx
@@ -106,3 +106,7 @@ Group related accordions together using `<AccordionGroup>`. This creates a cohes
 </ResponseField>
 
 <IconsOptional />
+
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to the accordion.
+</ResponseField>
diff --git a/components/callouts.mdx b/components/callouts.mdx
@@ -1,5 +1,5 @@
 ---
 title: "Callouts"
 description: "Use callout components to highlight important information, warnings, and tips in your documentation."
 keywords: ["callouts", "notes", "warnings", "info boxes", "tips", "emphasis", "highlight"]
 ---
@@ -52,10 +52,14 @@
 
 ## Custom callout properties
 
-The generic `Callout` component supports custom icons and colors. The typed callouts (`Note`, `Warning`, `Info`, `Tip`, `Check`, `Danger`) use preset icons and colors and only accept `children`.
+The generic `Callout` component supports custom icons and colors. The typed callouts (`Note`, `Warning`, `Info`, `Tip`, `Check`, `Danger`) use preset icons and colors and accept `children` and `className`.
 
 <IconsOptional />
 
 <ResponseField name="color" type="string">
   Custom color as a hex code (for example, `#FFC107`). Sets the border, background tint, and text color of the callout.
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to the callout.
+</ResponseField>
diff --git a/components/cards.mdx b/components/cards.mdx
@@ -129,3 +129,7 @@ Use the [Columns component](/components/columns) to organize multiple cards side
 <ResponseField name="arrow" type="boolean">
   Show or hide the link arrow icon.
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to the card.
+</ResponseField>
diff --git a/components/color.mdx b/components/color.mdx
@@ -22,7 +22,7 @@
  <Color.Item name="blue-500" value="#3B82F6" />
  <Color.Item name="blue-600" value="#2563EB" />
  <Color.Item name="blue-700" value="#1D4ED8" />
  <Color.Item name="blue-800" value="#1E40AF" />
 </Color>
 ```

@@ -44,7 +44,7 @@

 ```mdx Table example
 <Color variant="table">
  <Color.Row title="Primary">
    <Color.Item name="primary-500" value="#3B82F6" />
    <Color.Item name="primary-600" value="#2563EB" />
    <Color.Item name="primary-700" value="#1D4ED8" />
@@ -58,7 +58,7 @@

 ## Color formats

 The component supports all CSS color formats including hex, rgb, rgba, hsl, and oklch.

 <Color variant="compact">
  <Color.Item name="hex" value="#FF5733" />
@@ -108,6 +108,10 @@
   Color items or rows to display.
 </ResponseField>
 
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to the color container.
+</ResponseField>
+
 ### Color.Row
 
 <ResponseField name="title" type="string">

diff --git a/components/columns.mdx b/components/columns.mdx
@@ -81,3 +81,13 @@ Use the `Column` component to wrap text or code in individual columns. This is u
 <ResponseField name="cols" type="number" default={2}>
   The number of columns per row. Accepts values from 1 to 4.
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to the columns container.
+</ResponseField>
+
+### Column
+
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to an individual column.
+</ResponseField>
diff --git a/components/expandables.mdx b/components/expandables.mdx
@@ -1,5 +1,5 @@
 ---
 title: "Expandables"
 description: "Use the expandable component to toggle nested object properties in API documentation, showing child fields for request and response objects."
 keywords: ["expandables", "nested properties", "expandable fields", "toggle content"]
 ---
@@ -43,3 +43,7 @@
 <ResponseField name="defaultOpen" type="boolean" default="false">
   Set to `true` for the expandable to open when the page loads
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to the expandable.
+</ResponseField>
diff --git a/components/steps.mdx b/components/steps.mdx
@@ -44,6 +44,10 @@ Use steps to display a series of sequential actions or events. You can add as ma
   The size of the step titles. One of `p`, `h2`, `h3`, and `h4`.
 </ResponseField>
 
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to the steps container.
+</ResponseField>
+
 ## Individual step properties
 
 <ResponseField name="title" type="string" required>
@@ -71,3 +75,7 @@ Use steps to display a series of sequential actions or events. You can add as ma
 <ResponseField name="noAnchor" type="boolean" default="false">
   Whether to hide the anchor link for the step.
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to the step.
+</ResponseField>
diff --git a/components/tabs.mdx b/components/tabs.mdx
@@ -82,9 +82,13 @@
 </ResponseField>

 <ResponseField name="borderBottom" type="boolean">
   Adds a bottom border and padding to the tabs container. Useful to visually separate tabbed content from the rest of the page, especially when tabs contain content of varying lengths.
 </ResponseField>
 
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to the tabs container.
+</ResponseField>
+
 ## Tab properties
 
 Set these properties on each individual `<Tab>` component.
@@ -104,3 +108,7 @@
 <ResponseField name="iconType" type="string">
   For Font Awesome icons only: One of `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to the tab.
+</ResponseField>
diff --git a/components/tooltips.mdx b/components/tooltips.mdx
@@ -19,7 +19,7 @@
 </ResponseField>

 <ResponseField name="headline" type="string">
  Text displayed above the `tip` text.
 </ResponseField>

 <ResponseField name="cta" type="string">
@@ -29,3 +29,7 @@
 <ResponseField name="href" type="string">
   URL for the call-to-action link. Required when using `cta`.
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  Additional CSS classes to apply to the tooltip trigger.
+</ResponseField>
diff --git a/es/components/accordions.mdx b/es/components/accordions.mdx
@@ -113,4 +113,8 @@ Agrupa acordeones relacionados usando `<AccordionGroup>`. Esto crea una sección
   Un ID personalizado para el Accordion usado para enlaces de anclaje. Si se omite, usa de forma predeterminada el mismo valor que `title`.
 </ResponseField>
 
-<IconsOptional />
+<IconsOptional />
+
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican al acordeón.
+</ResponseField>
diff --git a/es/components/callouts.mdx b/es/components/callouts.mdx
@@ -54,10 +54,14 @@ Aplica a los avisos los estilos Note, Advertencia, Información, Sugerencia, Che
   ## Propiedades de aviso personalizado
 </div>
 
-El componente genérico `Callout` admite iconos y colores personalizados. Los avisos con tipo (`Note`, `Warning`, `Info`, `Tip`, `Check`, `Danger`) usan iconos y colores predefinidos y solo aceptan `children`.
+El componente genérico `Callout` admite iconos y colores personalizados. Los avisos con tipo (`Note`, `Warning`, `Info`, `Tip`, `Check`, `Danger`) usan iconos y colores predefinidos y aceptan `children` y `className`.
 
 <IconsOptional />
 
 <ResponseField name="color" type="string">
   Color personalizado como código hexadecimal (por ejemplo, `#FFC107`). Establece el borde, el tinte de fondo y el color del texto del aviso.
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican al aviso.
+</ResponseField>
diff --git a/es/components/cards.mdx b/es/components/cards.mdx
@@ -144,4 +144,8 @@ Usa el [componente Columns](/es/components/columns) para organizar varias tarjet
 
 <ResponseField name="arrow" type="boolean">
   Mostrar u ocultar el ícono de flecha del enlace.
+</ResponseField>
+
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican a la tarjeta.
 </ResponseField>
diff --git a/es/components/color.mdx b/es/components/color.mdx
@@ -137,6 +137,10 @@ Define distintos colores para los modos claro y oscuro usando un objeto con las
   Elementos o filas de color que se mostrarán.
 </ResponseField>
 
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican al contenedor de colores.
+</ResponseField>
+
 <div id="colorrow">
   ### Color.Row
 </div>

diff --git a/es/components/columns.mdx b/es/components/columns.mdx
@@ -86,3 +86,13 @@ Usa el componente `Column` para envolver texto o código en columnas individuale
 <ResponseField name="cols" type="number" default={2}>
   El número de columnas por fila. Acepta valores de 1 a 4.
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican al contenedor de columnas.
+</ResponseField>
+
+### Column
+
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican a una columna individual.
+</ResponseField>
diff --git a/es/components/expandables.mdx b/es/components/expandables.mdx
@@ -42,4 +42,8 @@ Usa desplegables para mostrar y ocultar contenido anidado dentro de los campos d
 
 <ResponseField name="defaultOpen" type="boolean" default="false">
   Configúralo en `true` para que el elemento expandible se abra al cargar la página.
+</ResponseField>
+
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican al elemento expandible.
 </ResponseField>
diff --git a/es/components/steps.mdx b/es/components/steps.mdx
@@ -49,6 +49,10 @@ Usa pasos para mostrar una serie de acciones o eventos secuenciales. Puedes agre
   El tamaño de los títulos de los pasos. Uno de `p`, `h2`, `h3` y `h4`.
 </ResponseField>
 
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican al contenedor de pasos.
+</ResponseField>
+
 <div id="individual-step-properties">
   ## Propiedades individuales del paso
 </div>
@@ -77,4 +81,8 @@ Usa pasos para mostrar una serie de acciones o eventos secuenciales. Puedes agre
 
 <ResponseField name="noAnchor" type="boolean" default="false">
   Si se debe ocultar el enlace de anclaje del paso.
+</ResponseField>
+
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican al paso.
 </ResponseField>
diff --git a/es/components/tabs.mdx b/es/components/tabs.mdx
@@ -90,6 +90,10 @@ Configura estas propiedades en el componente contenedor `<Tabs>`.
   Añade un borde inferior y relleno al contenedor de pestañas. Es útil para separar visualmente el contenido con pestañas del resto de la página, especialmente cuando las pestañas contienen contenido de distinta longitud.
 </ResponseField>
 
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican al contenedor de pestañas.
+</ResponseField>
+
 <div id="tab-properties">
   ## Propiedades de Tab
 </div>
@@ -110,4 +114,8 @@ Configura estas propiedades en cada componente `<Tab>` individual.
 
 <ResponseField name="iconType" type="string">
   Solo para iconos de Font Awesome: uno de `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
+</ResponseField>
+
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican a la pestaña.
 </ResponseField>
diff --git a/es/components/tooltips.mdx b/es/components/tooltips.mdx
@@ -30,4 +30,8 @@ Usa los tooltips para proporcionar contexto adicional o definiciones cuando el u
 
 <ResponseField name="href" type="string">
   URL del enlace de la llamada a la acción. Obligatorio cuando se usa `cta`.
+</ResponseField>
+
+<ResponseField name="className" type="string">
+  Clases CSS adicionales que se aplican al activador del tooltip.
 </ResponseField>
diff --git a/fr/components/accordions.mdx b/fr/components/accordions.mdx
@@ -113,4 +113,8 @@ Regroupez les Accordions liés avec `<AccordionGroup>`. Cela crée une section c
   ID personnalisé pour l’Accordion utilisé pour les liens d’ancrage. S’il est omis, la valeur par défaut est la même que `title`.
 </ResponseField>
 
-<IconsOptional />
+<IconsOptional />
+
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer à l'accordéon.
+</ResponseField>
diff --git a/fr/components/callouts.mdx b/fr/components/callouts.mdx
@@ -54,10 +54,14 @@ Présentez les encarts sous forme de Note, Avertissement, Info, Conseil, Check,
   ## Propriétés d'encart personnalisé
 </div>
 
-Le composant générique `Callout` prend en charge les icônes et couleurs personnalisées. Les encarts typés (`Note`, `Warning`, `Info`, `Tip`, `Check`, `Danger`) utilisent des icônes et couleurs prédéfinies et n'acceptent que `children`.
+Le composant générique `Callout` prend en charge les icônes et couleurs personnalisées. Les encarts typés (`Note`, `Warning`, `Info`, `Tip`, `Check`, `Danger`) utilisent des icônes et couleurs prédéfinies et acceptent `children` et `className`.
 
 <IconsOptional />
 
 <ResponseField name="color" type="string">
   Couleur personnalisée sous forme de code hexadécimal (par exemple, `#FFC107`). Définit la bordure, la teinte de fond et la couleur du texte de l'encart.
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer à l'encart.
+</ResponseField>
diff --git a/fr/components/cards.mdx b/fr/components/cards.mdx
@@ -144,4 +144,8 @@ Utilisez le [composant Columns](/fr/components/columns) pour organiser plusieurs
 
 <ResponseField name="arrow" type="boolean">
   Afficher ou masquer l'icône de flèche du lien.
+</ResponseField>
+
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer à la carte.
 </ResponseField>
diff --git a/fr/components/color.mdx b/fr/components/color.mdx
@@ -137,6 +137,10 @@ Définissez des couleurs distinctes pour les modes clair et sombre à l&#39;aide
   Éléments ou lignes de couleur à afficher.
 </ResponseField>
 
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer au conteneur de couleurs.
+</ResponseField>
+
 <div id="colorrow">
   ### Color.Row
 </div>

diff --git a/fr/components/columns.mdx b/fr/components/columns.mdx
@@ -86,3 +86,13 @@ Utilisez le composant `Column` pour encapsuler du texte ou du code dans des colo
 <ResponseField name="cols" type="number" default={2}>
   Le nombre de colonnes par ligne. Accepte des valeurs de 1 à 4.
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer au conteneur de colonnes.
+</ResponseField>
+
+### Column
+
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer à une colonne individuelle.
+</ResponseField>
diff --git a/fr/components/expandables.mdx b/fr/components/expandables.mdx
@@ -42,5 +42,9 @@ Utilisez des sections extensibles pour afficher ou masquer du contenu imbriqué
 </ResponseField>
 
 <ResponseField name="defaultOpen" type="boolean" default="false">
-  Définissez sur `true` pour que l’élément extensible s’ouvre au chargement de la page.
+  Définissez sur `true` pour que l'élément extensible s'ouvre au chargement de la page.
+</ResponseField>
+
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer à l'élément extensible.
 </ResponseField>
diff --git a/fr/components/steps.mdx b/fr/components/steps.mdx
@@ -46,7 +46,11 @@ Utilisez des étapes pour présenter une série d’actions ou d’événements
 </ResponseField>
 
 <ResponseField name="titleSize" type="string" default="p">
-  La taille des titres d’étape. Valeurs possibles : `p`, `h2`, `h3` et `h4`.
+  La taille des titres d'étape. Valeurs possibles : `p`, `h2`, `h3` et `h4`.
+</ResponseField>
+
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer au conteneur d'étapes.
 </ResponseField>
 
 <div id="individual-step-properties">
@@ -76,5 +80,9 @@ Utilisez des étapes pour présenter une série d’actions ou d’événements
 </ResponseField>
 
 <ResponseField name="noAnchor" type="boolean" default="false">
-  Indique s’il faut masquer le lien d’ancrage de l’étape.
+  Indique s'il faut masquer le lien d'ancrage de l'étape.
+</ResponseField>
+
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer à l'étape.
 </ResponseField>
diff --git a/fr/components/tabs.mdx b/fr/components/tabs.mdx
@@ -90,6 +90,10 @@ Définissez ces propriétés sur le composant conteneur `<Tabs>`.
   Ajoute une bordure inférieure et un padding au conteneur des onglets. Utile pour séparer visuellement le contenu présenté dans des onglets du reste de la page, en particulier lorsque les onglets contiennent un contenu de longueurs variables.
 </ResponseField>
 
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer au conteneur d'onglets.
+</ResponseField>
+
 <div id="tab-properties">
   ## Propriétés de Tab
 </div>
@@ -112,6 +116,10 @@ Définissez ces propriétés sur chaque composant `<Tab>` individuel.
   Pour les icônes Font Awesome uniquement : l'un de `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
 </ResponseField>
 
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer à l'onglet.
+</ResponseField>
+
 <ResponseField name="id" type="string">
   Un ID personnalisé pour l’onglet, utilisé pour les liens d’ancrage. S’il n’est pas fourni, la valeur par défaut est la même que `title`.
 </ResponseField>

diff --git a/fr/components/tooltips.mdx b/fr/components/tooltips.mdx
@@ -29,5 +29,9 @@ Utilisez des infobulles pour fournir des précisions ou des définitions lorsqu
 </ResponseField>
 
 <ResponseField name="href" type="string">
-  URL du lien d’appel à l’action. Requis lors de l’utilisation de `cta`.
+  URL du lien d'appel à l'action. Requis lors de l'utilisation de `cta`.
+</ResponseField>
+
+<ResponseField name="className" type="string">
+  Classes CSS supplémentaires à appliquer au déclencheur de l'infobulle.
 </ResponseField>
diff --git a/zh/components/accordions.mdx b/zh/components/accordions.mdx
@@ -113,4 +113,8 @@ import IconsOptional from "/snippets/zh/icons-optional.mdx";
   用于锚点链接的折叠面板自定义 ID。若省略，则默认与 `title` 的值相同。
 </ResponseField>
 
-<IconsOptional />
+<IconsOptional />
+
+<ResponseField name="className" type="string">
+  应用于折叠面板的额外 CSS 类。
+</ResponseField>
diff --git a/zh/components/callouts.mdx b/zh/components/callouts.mdx
@@ -54,10 +54,14 @@ import IconsOptional from "/snippets/zh/icons-optional.mdx";
   ## 自定义标注框属性
 </div>
 
-通用 `Callout` 组件支持自定义图标和颜色。带类型的标注框（`Note`、`Warning`、`Info`、`Tip`、`Check`、`Danger`）使用预设的图标和颜色，仅接受 `children`。
+通用 `Callout` 组件支持自定义图标和颜色。带类型的标注框（`Note`、`Warning`、`Info`、`Tip`、`Check`、`Danger`）使用预设的图标和颜色，接受 `children` 和 `className`。
 
 <IconsOptional />
 
 <ResponseField name="color" type="string">
   自定义颜色，使用十六进制色值（例如 `#FFC107`）。设置标注框的边框、背景色调和文本颜色。
 </ResponseField>
+
+<ResponseField name="className" type="string">
+  应用于标注框的额外 CSS 类。
+</ResponseField>