i18n(es): translate svg.mdx
#11421
i18n(es): translate svg.mdx
#11421
Conversation
✅ Deploy Preview for astro-docs-2 ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify site configuration. |
Lunaria Status Overview🌕 This pull request will trigger status changes. Learn moreBy default, every PR changing files present in the Lunaria configuration's You can change this by adding one of the keywords present in the Tracked Files
Warnings reference
|
|
Just a friendly reminder that this page will be removed after #11394 merged. |
There was a problem hiding this comment.
Thank you for the translation @JuanPabloDiaz ! As vrabe said, this page is about to be deleted because the feature is moving instead to a section in the Images guide.
So, I'm blocking this PR from merging (it will mean I will just have to delete it and resolve some conflicts 😂 ) BUT, on Tuesday the docs will be updated to have very similar content in a new location. So, after Tuesday, will you instead use this to update the Images guide page?
I didn't know. I can help on it next week, yes. |
| --- | ||
| title: Componentes SVG experimentales | ||
| sidebar: | ||
| label: Componentes SVG |
| <Since v="5.0.0" /> | ||
| </p> | ||
|
|
||
| Esta función te permite importar archivos SVG y utilizarlos como componentes de Astro. Astro insertará el contenido SVG en tu salida HTML. |
There was a problem hiding this comment.
feature, no se debería traducir como "característica"?
"Will inline" podría traducirse como "integrará"?
| } | ||
| ``` | ||
|
|
||
| Para usar esta función, referencia la importación predeterminada de cualquier archivo `.svg` local. Dado que esta importación se trata como un componente de Astro, debes usar las mismas convenciones (por ejemplo, capitalización) que al [usar etiquetas dinámicas](/es/reference/astro-syntax/%23dynamic-tags). |
There was a problem hiding this comment.
Para usar esta "característica/opción", relaciona la importación predeterminada/por defecto de cualquier archivo local .svg. Ya que esta importación/este import se trata como un componente Astro, debes usar los mismos acuerdos/reglas (por ejemplo capitalización) que cuando usamos etiquetas dinámicas.
|
|
||
| ## Atributos del componente SVG | ||
|
|
||
| Puedes pasar props como `width`, `height`, `fill`, `stroke` y cualquier otro atributo aceptado por el [elemento `<svg>` nativo](https://developer.mozilla.org/es/docs/Web/SVG/Element/svg). Estos atributos se aplicarán automáticamente al elemento `<svg>` subyacente. Si una propiedad está presente en el archivo `.svg` original y se pasa al componente, el valor pasado al componente anulará el valor original. |
There was a problem hiding this comment.
[elemento nativo <svg>]
Estos atributos se aplicarán automáticamente al elemento subyacente/alternativo <svg>.
Si una propiedad está presente en el archivo original .svg y se pasa al componente, el valor pasado al componente sobreescribirá el valor original.
| <Logo width={64} height={64} fill="currentColor" /> | ||
| ``` | ||
|
|
||
| Para una descripción completa y para dar comentarios sobre esta API experimental, consulta el [RFC de la función SVG](https://github.com/withastro/roadmap/pull/1035). |
There was a problem hiding this comment.
Para una descripción general completa y para tener retroalimentación sobre esta API experimental, consulta el [RFC de las características de SVG] see the [SVG feature RFC](withastro/roadmap#1035
Description (required)
translate to spanish