> 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-en/sdks/sdk-web/componentes/sdk-provider/propiedades.md).

# Properties

The Facephi SDK Provider component is configurable through the following properties, offering different behaviors for the possible use cases that may be needed.

## Constants

Some constants or enums can be imported from `@facephi/sdk-web-wc` to make implementations easier.

```javascript
import { Language, TypeFamily, TrackingSteps } from '@facephi/sdk-web-wc'
```

## Configuration example

```jsx
import { Language, TypeFamily, TrackingSteps } from '@facephi/sdk-web-wc';

<facephi-sdk-provider
    apikey={process.env.FACEPHI_SDK_APIKEY}
    steps={`${TrackingSteps.start},${TrackingSteps.selphidWidget},${TrackingSteps.selphiWidget},${TrackingSteps.finish}`}
    type={TypeFamily.onboarding}
    customerId={'user-7f3a9c21'}
    language={Language.en}
/>
```

***

> **Recommendation:** Configure the properties using JavaScript, JSX, or your framework's bindings (React, Vue, Angular, etc.). Avoid native HTML configuration with attributes (`nombre-atributo="valor"`), as it may lose the typing and formatting expected by the component.

## SDK Provider configuration properties

Using the SDK Provider properties, you can configure the behavior and Flow of its components.

### Required

* [apikey](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/apikey.md): Mandatory SDK Web License provided by Facephi.

### Tracking

* [steps](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/steps.md): Order of the steps in the Flow registered on the platform.
* [type](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/type.md): Type of operation registered on the platform (Onboarding or authentication).
* [customerId](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/customerid.md): User or client identifier for the operation.
* [operationId](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/operationid.md): Identifier of the operation on the platform.
* [tenantId](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/tenantid.md): Tenant identifier for Tracking on the platform.

### Settings

* [autoInitTracking](https://github.com/facephi/facephi-gitbook-docs/tree/master/docs/sdks/sdk-web/componentes/sdk-provider/propiedades/autoinittracking.md): Automatically starts Tracking when the SDK is loaded.
* [autoInitWorkflow](https://github.com/facephi/facephi-gitbook-docs/tree/master/docs/sdks/sdk-web/componentes/sdk-provider/propiedades/autoinitworkflow.md): Automatically starts the workflow when the SDK is loaded.
* [landingApiKey](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/landingapikey.md): API key for the Landing service.
* [proxy](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/proxy.md): Proxy server URL for SDK requests.
* [resourcesPath](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/resourcespath.md): Custom path to load SDK resources.
* [qr](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/qr.md): Enables mobile capture via QR Code on desktop.
* [qrExtraParams](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/qrextraparams.md): Extra parameters in the mobile QR Flow URL.
* [settingsStrictness](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/settingsstrictness.md): Controls whether an invalid configuration value blocks the SDK or is replaced with its default value.
* [waitRequest](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/waitrequest.md): Waits for data submission requests to finish before advancing in the Flow.

### Customization

* [desktopView](https://github.com/facephi/facephi-gitbook-docs/tree/master/docs/sdks/sdk-web/componentes/sdk-provider/propiedades/desktopview.md): Enables the SDK desktop view.
* [language](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/language.md): Language of the SDK texts and its components.
* [theme](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/theme.md): Visual theme of the SDK (colors, logo, and typography).
* [customAnimations](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/customanimations.md): Centralized custom animations for the SDK components.
* [loadingAnimation](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/loadinganimation.md): Path to a custom loading animation for the provider.

### Development

* [debug](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/debug.md): Enables logs and developer options.
* [disabled](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades/disabled.md): Disables Tracking and the Flow service.