OddApp Design

Raw shadcn — not wrapped in @oddapp/ui yet.

Import directly: @/components/ui/sonner. OddApp tokens are applied via globals.css @theme. All token rules still apply.

Sonner

Toast notification system.

Default

Import and render this component in your app using the snippet below.

import { toast } from 'sonner'
import { Toaster } from '@/components/ui/sonner'

// In layout:
<Toaster />

// Trigger:
toast('App provisioned successfully.')
toast.error('Deployment failed.')