Tundra Empty Inbox

Tundra Empty Inbox

A clean, developer-oriented empty state component for notification/inbox views.

Features

• CSS art inbox icon with dashed border container and bell-off indicator
• Clear empty state messaging with call-to-action
• Two primary action buttons: Configure Webhooks & Read the Docs
• 3 Quick Setup suggestion cards with hover reveal effects
• Terminal-style command hint at bottom for CLI configuration
• Arctic/tundra palette: icy blue-grey (#94a3b8, #cbd5e1) on light (#f1f5f9) with sky blue (#0ea5e9) accents
• Monospace font stack for code/developer aesthetic
• Dark mode support with WCAG AA compliant contrast
• Responsive single-column to 3-column grid for suggestions

Usage

import RegistryItem from './registry-item';

export default function Page() {
  return <RegistryItem />;
}

Customization

• Replace suggestions array with your product's recommended setup steps
• Modify action button handlers to navigate to your webhook/docs pages
• Change the CLI command example to match your actual CLI tool
• Swap the color scheme by modifying the slate/sky Tailwind classes
• Add animation (e.g. subtle bounce on the inbox icon) for polish