When to use
Use the Face ID animation for sign-in, payment approval, or unlocking private content. Show the success and failure states so the full flow is clear.
Props
| Prop | Values | Description |
|---|---|---|
data-stateon .ios-faceid | "idle" | "scanning" | "success" | "failure" | Face ID state. |
data-varianton .ios-faceid-prompt | "island" | "hud" | In the Dynamic Island or centered. |