ScanPanel

A camera frame for a code, an ID card or a face: corner brackets, a moving scan line while it reads, and a done or try-again message.

Code frame

shape="qr" draws a square frame with corner brackets and asks the guest to hold their code inside it.

Scanning

status="scanning" moves a line across the frame while the camera reads, with a description for where to hold the code.

ID card

shape="document" sizes the frame like an ID card for a passport page or a driving licence.

Face

shape="face" draws an oval, and children puts the camera picture inside it, clipped to the frame.

Read

status="success" turns the corners green and shows a done message, here under a custom title.

Not read

status="error" turns the corners red and asks the guest to try again.