Overview
Irreversible workspace actions in one red card: transfer ownership, export all data, delete with type-to-confirm. It comes from the Settings kit and also works on its own. Keyboard and screen readers: The card's heading and border are red, but every action also says in words what it does; color is never the only warning. The delete dialog opens with focus in the confirmation field; Delete stays disabled until the text matches exactly, and a wrong-case match is explained. After deleting, focus moves to Restore workspace; after restoring, back to Delete workspace. Built with React 19 and TypeScript, Tailwind CSS 4, Base UI and Lucide icons. Light and dark themes come from CSS variables you can edit, and every demo uses believable sample data you replace with your own. Included: the component source, its sample data, light and dark theme variables, a runnable demo page, and setup guides for people and for AI coding agents.
Highlights
- Production-ready, documented source
- Clean, componentized architecture
- Drops into your stack with minimal setup
