Design System

Acknowledgement

Single-tap "I acknowledge" row used for legal disclosures, HIPAA authorization, and safety-critical confirmations. The fingerprint mark on the left signals deliberateness — this is an act of consent, not a checkbox.

Tap any of the rows below. The gold check slot fills and the fingerprint reveals across a 500ms animation (opacity + scale + blur, easing into focus). The moment of consent has tactile weight by design.

import from @halwel/ui/components/forms/AcknowledgementRow

Variants

Default state — try clicking
Pre-selected (defaultSelected)

Renders already-acknowledged. The animation only runs on transitions to selected.

Longer disclosure — multi-line label