> 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/sdk-provider.md).

# SDK Provider

El `facephi-sdk-provider` es el componente web principal del SDK Web, diseñado para optimizar las operaciones biométricas como el reconocimiento facial, la verificación de documentos y el seguimiento del usuario.

Esta guía proporciona una visión detallada de sus propiedades, eventos y métodos para ayudarte a integrarlo de manera efectiva en tu proyecto.

El equipo de Facephi proporcionará las credenciales necesarias para el uso del componente Facephi SDK Provider, como Tokens o Claves.

Tipo: `HTMLFacephiSdkProviderElement`

***

### Ejemplo de Integración

```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" %}
La propiedad **apikey** es obligatoria para lanzar el componente web.
{% endhint %}

***

### Configuración

El SDK Provider se configura mediante propiedades JavaScript o JSX.

{% content-ref url="/pages/VDZMmzkdXQ37rnBt2dFN" %}
[Propiedades](/sdks/sdk-web/componentes/sdk-provider/propiedades.md)
{% endcontent-ref %}

El componente proveedor emitirá eventos durante su ciclo de vida.

{% content-ref url="/pages/G08dxysVvsaYXS8AMaLz" %}
[Eventos](/sdks/sdk-web/componentes/sdk-provider/eventos.md)
{% endcontent-ref %}

Se proporcionan algunas funciones con el componente para ofrecer utilidades adicionales.

{% content-ref url="/pages/5NDHhCGdGXsgYGFxyCV9" %}
[Métodos](/sdks/sdk-web/componentes/sdk-provider/metodos.md)
{% endcontent-ref %}

El estilo de los Componentes se puede personalizar en gran medida.

{% content-ref url="/pages/wN3Boa6Wr72N5xC5w76Y" %}
[Personalización](/sdks/sdk-web/personalizacion.md)
{% endcontent-ref %}

***

### Beneficios de Usar FacephiSDKProvider

* Integración Biométrica Optimizada: Simplifica procesos complejos como el reconocimiento facial y la verificación de documentos.
* Altamente Configurable: Propiedades y eventos adaptables para diferentes flujos de trabajo y necesidades del negocio.
* Soporte Multilingüe: Garantiza la accesibilidad para usuarios de todo el mundo.
* Personalización de Marca: Alinea la apariencia del SDK con tu marca.

Al aprovechar las características y la flexibilidad del `facephi-sdk-provider`, puedes implementar una solución biométrica robusta y fácil de usar, adaptada a los requisitos de tu aplicación.