> 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.md).

# SDK Provider

The `facephi-sdk-provider` is the main web component of the SDK Web, designed to optimize biometric operations such as Facial Recognition, document verification, and user tracking.

This guide provides a detailed overview of its properties, events, and methods to help you integrate it effectively into your project.

The Facephi team will provide the necessary credentials for using the Facephi SDK Provider component, such as Tokens or Keys.

Type: `HTMLFacephiSdkProviderElement`

***

### Integration Example

```jsx
<facephi-sdk-provider
    apikey={process.env.FACEPHI_SDK_APIKEY}
    steps={`${TrackingSteps.start},${TrackingSteps.selphidWidget},${TrackingSteps.selphiWidget},${TrackingSteps.finish}`}
    onEmitOperationId={(event) => console.log('Operation ID:', event.detail)}
    onEmitError={(event) => console.error('SDK Error:', event.detail)}
/>
```

{% hint style="info" %}
The property **apikey** is required to launch the web component.
{% endhint %}

***

### Settings

The SDK Provider is configured through JavaScript or JSX properties.

{% content-ref url="/pages/266c99c872c223bb1a3654af1d41ee0c613be353" %}
[Properties](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/propiedades.md)
{% endcontent-ref %}

The provider component will emit events during its lifecycle.

{% content-ref url="/pages/3198ddd1ad3d7e1d9ca98ac66a24f165ca876b72" %}
[Events](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/eventos.md)
{% endcontent-ref %}

Some functions are provided with the component to offer additional utilities.

{% content-ref url="/pages/73b4ba862c762ebbeee257df4ba0389531526cdd" %}
[Methods](/docs.facephi-en/sdks/sdk-web/componentes/sdk-provider/metodos.md)
{% endcontent-ref %}

The style of the Components can be highly customized.

{% content-ref url="/pages/8f24aa9befa5f2567244711db78d142c81670f10" %}
[Customization](/docs.facephi-en/sdks/sdk-web/personalizacion.md)
{% endcontent-ref %}

***

### Benefits of Using FacephiSDKProvider

* Optimized Biometric Integration: Simplifies complex processes such as Facial Recognition and document verification.
* Highly Configurable: Adaptable properties and events for different workflows and business needs.
* Multilingual Support: Ensures accessibility for users worldwide.
* Brand Customization: Aligns the SDK's appearance with your brand.

By leveraging the features and flexibility of the `facephi-sdk-provider`, you can implement a robust and easy-to-use biometric solution, tailored to your application’s requirements.