About
Email categories component for building email client app.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Email Categories to your project and fits it to your theme.
Code
How Email Categories is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import CategoriesSection from '../components/ui/email-categories';
const App = () => {
const handleCategoryClick = (folderType: string) => {
console.log('Selected category:', folderType);
};
const mockUnreadCounts = {
INBOX: 25,
SENT: 0,
DRAFT: 3,
TRASH: 0,
SPAM: 5,
STARRED: 2,
ARCHIVE: 0,
};
return (
<div className="w-64 bg-white border rounded-lg">
<CategoriesSection
onCategoryClick={handleCategoryClick}
systemUnreadCounts={mockUnreadCounts}
/>
</div>
);
};
export default App;