Privacy Shutter

A physical concealment barrier for sensitive credentials featuring mechanical slide-to-peek kinematics, an 80% detent lock latch, and integrated 1-click clipboard actions.

Dependencies

motionlucide-reactclsxtailwind-merge

Interaction

Sliding chamfered aluminum faceplate with tactile grip ribs. Dragging allows elastic spring-peek below 80% travel. Passing the 80% detent locks shutter open into full view with keyboard toggle support.

Props

Prop	Type	Description
apiKey	string	Sensitive key or credential to conceal or reveal.
maskedKey	string	Masked representation displayed when shutter is shut.
label	string	Section header title label.
onCopy	(key: string) => void	Callback fired when API key is copied to clipboard.
onToggleLock	(isLockedOpen: boolean) => void	Callback fired when lock state toggles.
className	string	Additional classes applied to outer container.

MIT License. Free to use in personal and commercial projects. Built for Peel UI.

Privacy Shutter

A physical concealment barrier for sensitive credentials featuring mechanical slide-to-peek kinematics, an 80% detent lock latch, and integrated 1-click clipboard actions.

Dependencies

motionlucide-reactclsxtailwind-merge

Interaction

Props

Prop	Type	Description
apiKey	string	Sensitive key or credential to conceal or reveal.
maskedKey	string	Masked representation displayed when shutter is shut.
label	string	Section header title label.
onCopy	(key: string) => void	Callback fired when API key is copied to clipboard.
onToggleLock	(isLockedOpen: boolean) => void	Callback fired when lock state toggles.
className	string	Additional classes applied to outer container.

MIT License. Free to use in personal and commercial projects. Built for Peel UI.