> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/sdks/sdk-web/componentes/file-uploader-cargador-de-archivos/personalizacion.md).

# Personalización

## Personalización del File Uploader Widget

El componente FIle Uploader es fácilmente personalizable a través de variables CSS y algunas propiedades.

***

### Personalización de estilos

Los Widgets de Selphi y SelphID se pueden personalizar con las siguientes variables CSS aplicadas a la etiqueta `facephi-sdk-provider`. Revisa la lista completa de variables CSS en la página [Personalización de CSS del Proveedor SDK](/sdks/sdk-web/personalizacion.md).

***

### Configuración de texto

Los textos predeterminados del componente se pueden reemplazar con el uso de un archivo `JSON` de idioma personalizado referenciado en la propiedad `language` en el elemento SDK Provider (`facephi-sdk-provider`).

```jsx
<facephi-sdk-provider
  language={'/i18n/custom-strings.json'}
  ...
></facephi-sdk-provider>
```

Si falta alguna cadena, el widget no cargará ningún texto en ese lugar.

Consulta la información referente a la configuración de literales en la sección de [personalización del SDK Web](/sdks/sdk-mobile/android-sdk/personalizacion.md).

***

### Personalización de recursos gráficos

La nimación de carga de archivo puede reemplazarse con el uso de la propiedad [customAnimations](/sdks/sdk-web/componentes/sdk-provider/propiedades/customanimations.md) en el SDK Provider con una ruta al archivo en el atritbuto `loadingFile` de `fileUploader`.

```jsx
<facephi-sdk-provider
  customAnimations={{
    fileUploader: {
      loadingFile: '/assets/anim/loading-file.gif',
    }
  }}
  ...
></facephi-sdk-provider>
```