diff --git a/README.md b/README.md index c6786c8..996fc96 100644 --- a/README.md +++ b/README.md @@ -4,26 +4,35 @@ Animated, customizable Toasts for React Native ![preview](https://github.com/user-attachments/assets/b0a95d89-3895-4d95-8a87-262fb7209805) -## Expo Snack -https://snack.expo.dev/@gunnartorfis/react-native-reanimated-toasts - ## Features -- Multiple variants, including `success`, `error`, `warning`, `custom` -- Promise option with built in loading state +- API fully matches [Sonner's](https://sonner.emilkowal.ski/) +- Multiple variants, including `success`, `error`, `warning`, `custom`, `promise` +- Promise variant with built-in loading state - Custom JSX with the custom variant - Top or bottom positions - Title and description -- Action button with callback +- Action button with a callback - Custom icons -- Dismissable with swipe, configurable left or up -- Highly performant using Reanimated 3 -- Dark mode support +- Optionally dismissable with swipe, configurable left or up +- Highly performant using Reanimated 3, 60 FPS +- Dark mode built-in - Works with Expo -- NativeWind support +- NativeWind supported - Customizable, styles & className props - Works outside of React components +## Showcase +Screenshot 2024-09-06 at 16 33 10 +Screenshot 2024-09-06 at 16 32 27 +Screenshot 2024-09-06 at 16 32 33 +Screenshot 2024-09-06 at 16 32 39 +Screenshot 2024-09-06 at 16 33 04 + + +## Expo Snack +https://snack.expo.dev/@gunnartorfis/react-native-reanimated-toasts + ## Installation ```sh @@ -66,6 +75,10 @@ function SomeComponent() { For more advanced usage, check out the [documentation](https://gunnartorfis.github.io/react-native-reanimated-toasts/) +## Recording + +https://github.com/user-attachments/assets/ccc428ca-37c3-4589-9e8c-f414c40d764c + ## Contributing See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.