Files
mintlify__docs/snippets/es/icons-optional.mdx
locadex-agent[bot] 3394b52733 docs(locadex): add translations (#3371)
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
2026-02-10 13:30:39 -08:00

26 lines
1.4 KiB
Plaintext

<ResponseField name="icon" type="string">
El ícono que se mostrará.
Opciones:
* Nombre del ícono de [Font Awesome](https://fontawesome.com/icons), si tienes la [propiedad](/es/organize/settings#param-icons) `icons.library` configurada como `fontawesome` en tu `docs.json`
* Nombre del ícono de [Lucide](https://lucide.dev/icons), si tienes la [propiedad](/es/organize/settings#param-icons) `icons.library` configurada como `lucide` en tu `docs.json`
* Nombre del ícono de [Tabler](https://tabler.io/icons), si tienes la [propiedad](/es/organize/settings#param-icons) `icons.library` configurada como `tabler` en tu `docs.json`
* URL de un ícono alojado externamente
* Ruta a un archivo de ícono en tu proyecto
* Código SVG envuelto entre llaves
Para íconos SVG personalizados:
1. Convierte tu SVG con el [convertidor de SVGR](https://react-svgr.com/playground/).
2. Pega tu código SVG en el campo de entrada de SVG.
3. Copia el elemento completo `<svg>...</svg>` del campo de salida de JSX.
4. Envuelve el código SVG compatible con JSX entre llaves: `icon={<svg ...> ... </svg>}`.
5. Ajusta `height` y `width` según sea necesario.
</ResponseField>
<ResponseField name="iconType" type="string">
El estilo de ícono de [Font Awesome](https://fontawesome.com/icons). Solo se usa con íconos de Font Awesome.
Opciones: `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
</ResponseField>