Back to docs
Component

Notification Toast

Slide toast with status presets and swipe dismissal.

Install

npx shadcn@latest add @native-bits/notification-toast

Dependencies

react-native-reanimatedreact-native-gesture-handler
Try in Sandbox
feedbacktoastmobile

Props

PropTypeDefaultDescription
messagestring-Toast message
type'success' | 'error' | 'warning' | 'info''info'Toast variant
durationnumber3000Auto dismiss in ms

Usage

```tsx
import { notification-toast } from '@/components/native-bits/notification-toast'

<NotificationToast type="success" message="Saved successfully" onDismiss={hideToast} />
```

Source code

Loading...