> 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/docs.facephi-pt-br/sdks/sdk-web/componentes/file-uploader-cargador-de-archivos/personalizacion.md).

# Personalização

## Personalização do Widget File Uploader

O componente File Uploader é facilmente personalizável por meio de variáveis CSS e algumas propriedades.

***

### Personalização de estilos

Os Widgets de Selphi e SelphID podem ser personalizados com as seguintes variáveis CSS aplicadas à tag `facephi-sdk-provider`. Confira a lista completa de variáveis CSS na página [Personalização de CSS do SDK Provider](/docs.facephi-pt-br/sdks/sdk-web/personalizacion.md).

***

### Configuração de texto

Os textos padrão do componente podem ser substituídos com o uso de um arquivo `JSON` de idioma personalizado referenciado na propriedade `idioma` no elemento SDK Provider (`facephi-sdk-provider`).

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

Se faltar alguma string, o widget não carregará nenhum texto nesse local.

Consulte as informações referentes à configuração de literais na seção de [personalização do SDK Web](/docs.facephi-pt-br/sdks/sdk-mobile/android-sdk/personalizacion.md).

***

### Personalização de recursos gráficos

A animação de carregamento de arquivo pode ser substituída com o uso da propriedade [customAnimations](/docs.facephi-pt-br/sdks/sdk-web/componentes/sdk-provider/propiedades/customanimations.md) no SDK Provider com um caminho para o arquivo no atributo `loadingFile` de `fileUploader`.

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