Back
Join now
About

Popular Tags

  • open-source
  • react
  • typescript
  • alternative
  • ai
  • composable
  • tailwind-css
  • components
  • tailwind-components
  • react-native

Top Sources

  • github.com
  • 21st.dev
  • activepieces.com
  • alchemy.run
  • altsendme.com
  • anthropic.com
  • better-auth-ui.com
  • better-hub.com
  • better-i18n.com
  • better-t-stack.dev

Browse by Type

  • Tools
  • Code
bookmrks.io - Discovery, refined.
Top
  • react-native
    1
  • sonner
    1
  • toast
    1
Website favicongithub.com
Website preview

Sonner Native: Toast Component for React Native

Sonner Native is a customizable toast component for React Native, enhancing user notifications with various features and performance optimizations.

Sselcuk
Summary

Sonner Native is an opinionated toast component designed for React Native applications, serving as a port of @emilkowalski’s Sonner. It provides a user-friendly way to display toast notifications with various customization options.

Key features:

  • Multiple variants - Includes success, error, warning, custom, and promise variants with built-in loading state.
  • Custom JSX support - Allows for personalized rendering of toast notifications.
  • Positioning options - Toasts can be displayed at the top or bottom of the screen.
  • Action button - Supports a callback function for interactive toasts.
  • Custom icons - Users can specify icons for each toast.
  • Dismissable - Toasts can be dismissed by swipe or programmatically using toast.dismiss().
  • High performance - Utilizes Reanimated 3 for smooth animations at 60 FPS.
  • Dark mode support - Built-in compatibility for dark mode themes.
  • Expo compatibility - Works seamlessly with Expo projects.
  • Customizable styles - Users can apply custom styles through props.

To integrate Sonner Native into a React Native application, developers can follow the installation instructions and usage examples provided in the documentation. This component enhances user experience by providing timely feedback through toast notifications.

Comments
No comments yet. Sign in to add the first comment!