diff --git a/create/text.mdx b/create/text.mdx index cb5f71461..fa921f0d2 100644 --- a/create/text.mdx +++ b/create/text.mdx @@ -36,6 +36,16 @@ The custom ID replaces the auto-generated anchor, so you can link to the heading This is useful when you want stable anchor links that don't change if you update the heading text, or when you need shorter, more memorable anchors. +Custom IDs preserve the casing and separators you write, so `camelCase`, `snake_case`, and `kebab-case` are all kept as-is. This makes it easier to migrate anchor links from other documentation tools without breaking inbound links. + +```mdx +## Connection settings {#camelCaseId} +## Query options {#snake_case_id} +## Advanced usage {#kebab-case-id} +``` + +Auto-generated IDs (headings without `{#id}`) are unchanged—they continue to be lowercased and hyphenated. + ### Disabling anchor links By default, headers include clickable anchor links that allow users to link directly to specific sections. You can disable these anchor links using the `noAnchor` prop in HTML or React headers. diff --git a/es/create/text.mdx b/es/create/text.mdx index fa9cf6720..f69ea2c1a 100644 --- a/es/create/text.mdx +++ b/es/create/text.mdx @@ -42,6 +42,16 @@ El ID personalizado reemplaza al anclaje generado automáticamente, por lo que p Esto es útil cuando deseas enlaces de anclaje estables que no cambien al actualizar el texto del encabezado, o cuando necesitas anclajes más cortos y fáciles de recordar. +Los IDs personalizados preservan las mayúsculas y los separadores que escribas, por lo que `camelCase`, `snake_case` y `kebab-case` se conservan tal cual. Esto facilita migrar enlaces de anclaje desde otras herramientas de documentación sin romper los enlaces entrantes. + +```mdx +## Connection settings {#camelCaseId} +## Query options {#snake_case_id} +## Advanced usage {#kebab-case-id} +``` + +Los IDs generados automáticamente (encabezados sin `{#id}`) no cambian: siguen convirtiéndose a minúsculas y con guiones. + diff --git a/es/guides/linking.mdx b/es/guides/linking.mdx index f8c2b3ea1..f86ceda8c 100644 --- a/es/guides/linking.mdx +++ b/es/guides/linking.mdx @@ -93,7 +93,9 @@ Sobrescribe el anclaje generado automáticamente para cualquier encabezado añad ## Configuration options {#config} ``` -Este encabezado es accesible en `#config` en lugar de `#configuration-options`. Los IDs personalizados mantienen los enlaces de anclaje estables cuando actualizas el texto del encabezado—útil para encabezados a los que enlazas frecuentemente. Consulta [Formatear texto](/es/create/text#custom-heading-ids) para más detalles. +Este encabezado es accesible en `#config` en lugar de `#configuration-options`. Los IDs personalizados mantienen los enlaces de anclaje estables cuando actualizas el texto del encabezado—útil para encabezados a los que enlazas frecuentemente. + +Los IDs personalizados preservan las mayúsculas, por lo que `{#camelCaseId}`, `{#snake_case_id}` y `{#kebab-case-id}` se conservan tal cual los escribes. Esto es útil al migrar enlaces de anclaje desde otras plataformas de documentación. Consulta [Formatear texto](/es/create/text#custom-heading-ids) para más detalles.