Feature 211 - Secrets vault with reveal and rotatePro
Vault panel listing environment secrets as masked values that can be revealed or rotated in place, flanked by three short feature points.
About Feature 211
Vault panel listing environment secrets as masked values that can be revealed or rotated in place, flanked by three short feature points.
Feature 211 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 109 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- security
- secrets
- vault
- env vars
- rotation
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add feature-211Dependencies installed automatically: lucide-react, motion.
Uses: button, reveal, utils.
Usage
import Feature211 from "@/components/blocks/feature-211"
export default function Page() {
return <Feature211 />
}