From f3f270e74911ec6d077a567099ce09d5ef37c83b Mon Sep 17 00:00:00 2001 From: Paul Valladares Date: Wed, 11 Sep 2024 07:33:57 -0600 Subject: i18n(es): update `components` (#2310) Co-authored-by: Chris Swithinbank --- docs/src/content/docs/es/guides/components.mdx | 34 +++++++++++++++++++++++++- 1 file changed, 33 insertions(+), 1 deletion(-) diff --git a/docs/src/content/docs/es/guides/components.mdx b/docs/src/content/docs/es/guides/components.mdx index 3352d96c..99c4ede6 100644 --- a/docs/src/content/docs/es/guides/components.mdx +++ b/docs/src/content/docs/es/guides/components.mdx @@ -88,7 +88,7 @@ El código anterior genera las siguientes pestañas en la página: Manten varias pestañas sincronizadas añadiendo el atributo `syncKey`. -Todas las `` en una página con el mismo valor de `syncKey` mostrarán la misma etiqueta activa. Esto permite a tu lector elegir una vez (por ejemplo, su sistema operativo o gestor de paquetes) y ver su elección reflejada en toda la página. +Todas las `` en una página con el mismo valor de `syncKey` mostrarán la misma etiqueta activa. Esto permite a tu lector elegir una vez (por ejemplo, su sistema operativo o gestor de paquetes) y ver su elección persistida en toda la navegación de la página. Para sincronizar pestañas relacionadas, añade una propiedad `syncKey` idéntica a cada componente `` y asegúrate de que todos usen las mismas etiquetas ``: @@ -227,6 +227,38 @@ import { LinkCard } from '@astrojs/starlight/components'; +### Botones de enlace + +Usa el componente `` para enlaces de llamada a la acción visualmente distintos. +Un botón de enlace es útil para dirigir a los usuarios al contenido más relevante o contenido accionable y se usa a menudo en páginas de destino + +Un `` requiere un atributo [`href`](https://developer.mozilla.org/es/docs/Web/HTML/Element/a#href) y opcionalmente acepta otros atributos de enlace como `target`. + +El atributo `icon` se puede establecer opcionalmente en el nombre de [uno de los iconos integrados de Starlight](#todos-los-iconos) para incluir un icono junto al texto. +El atributo ìconPlacemente`se puede usar para colocar el icono antes del texto estableciéndolo en`start`(el valor predeterminado es`end`). + +Personaliza la apariencia del botón de enlace utilizando el atributo `variant`, que se puede establecer en `primary` (el valor predeterminado), `secondary` o `minimal`. + +```mdx +# src/content/docs/example.mdx + +import { LinkButton } from '@astrojs/starlight/components'; + +Comienza + + Relacionado: Astro + +``` + +El código anterior genera lo siguiente en la página: + +import { LinkButton } from '@astrojs/starlight/components'; + +Comienza + + Relacionado: Astro + + ### Apartados Los apartados son útiles para mostrar información secundaria junto al contenido principal de una página. -- cgit