Tear Security Seal
A tactile unboxing experience where users physically drag and tear a holographic security seal to reveal encrypted content.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
vaultTitleCLASSIFIED_DATA
The title text displayed on the locked vault.
vaultDescriptionENCRYPTED SECTOR. AUTHORIZATION REQUIRED.
The subtitle text displayed on the locked vault.
sealColor#ff5c71
The primary color of the holographic security seal.
accentColor#7fff5e
The accent color used inside the unlocked vault.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| vaultTitle | string | "CLASSIFIED_DATA" | The title text displayed on the locked vault. |
| vaultDescription | string | "ENCRYPTED SECTOR. AUTHORIZATION REQUIRED." | The subtitle text displayed on the locked vault. |
| sealColor | string | "#ff5c71" | The primary color of the holographic security seal. |
| accentColor | string | "#7fff5e" | The accent color used inside the unlocked vault. |