Toast-notify: IOS Phone notification designed popup for React Component

Last update: May 9, 2022

toast-notify

IOS Phone notification designed popup for React Component. 👌 Note: Still experimental. 🧪 Next Targets for upcoming version:

  • Must redirect to mail compose screen with title and body on Button 1 click.
  • On Button 2 click, the popup should close.

Example data as an object passed as props to the ToastNotify component.

const options = {
    logo: {
      url: "https://ik.imagekit.io/lexworld/Logo.png",
      alt: "Playpoint Logo",
      name: "Playpoint"
    },
    title: "Welcome to Playpoint!",
    description: "Playpoint presale will be live from May 16th to end of May.",
    shortDescription: "Get in touch at [email protected] for investing information.",
    buttons: {
      one: "Invest...",
      two: "Close..."
    }
  }

Example:

Just a bare example of how it works. It can be used over existing component, landing. It stays over the top with z-index: 2.

Contribution:

Just make a pull request to the main repo. 😁

GitHub

https://github.com/theboringschool/toast-notify
You might also like...

A React Component library implementing the Base design language

A React Component library implementing the Base design language

Base Web React Components Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base. Us

May 13, 2022

The Most Complete React UI Component Library

The Most Complete React UI Component Library

PrimeReact PrimeReact is a rich set of open source UI Components for React. See PrimeReact homepage for live showcase and documentation. Download Prim

May 9, 2022

React utility component primitives & UI framework for use with Tailwind CSS

Tailwind React UI NB: As the 0.#.# version number suggests this is still very much work in progress, so semantic versioning will not be followed until

May 6, 2022

React particles animation background component

React particles animation background component

particles-bg React component for particles backgrounds This project refers to the source code of the Proton official website, I packaged it into a com

May 9, 2022

Rheostat is a www, mobile, and accessible slider component built with React

Rheostat is a www, mobile, and accessible slider component built with React

Rheostat A mobile, tablet, desktop, and accessible slider for the web. Install npm install rheostat Initialize As of v3.0.0, the rheostat project reli

May 7, 2022

A simple React component that is resizable with a handle.

React-Resizable View the Demo A simple widget that can be resized via one or more handles. You can either use the Resizable element directly, or use

May 7, 2022

React Component for Swapping on the Serum DEX

@project-serum/swap-ui A reusable React component for swapping on the Serum DEX. The Solana program can be found here. Usage Install First install the

Apr 18, 2022

A React Component library for buliding modern applications easily & quickly.

A React Component library for buliding modern applications easily & quickly.

A React Component library for building modern applications easily & quickly

May 6, 2022

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

May 6, 2022
📕React component library designed on the "new skeuomorphism" or "neumorphism" UI/UX trend.
📕React component library designed on the

?? React component library designed on the "new skeuomorphism" or "neumorphism" UI/UX trend.

May 10, 2022
A free React landing page template designed to showcase open source projects, SaaS products, online services, and more. Made by
A free React landing page template designed to showcase open source projects, SaaS products, online services, and more. Made by

Free React landing page template Open is a free React landing page template designed for developers/makers who want to create a quick and professional

May 13, 2022
A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Headless UI A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. Documentation For full

May 9, 2022
react-var-ui is a simple React component library for variable setting and preview, inspired by iOS settings, react-dat-gui and dat.gui.
react-var-ui is a simple React component library for variable setting and preview, inspired by iOS settings, react-dat-gui and dat.gui.

react-var-ui is a simple React component library for variable setting and preview, inspired by iOS settings, react-dat-gui and dat.gui. While some cod

May 11, 2022
Pinch-to-zoom view for React Native (both iOS and Android)

Pinch-to-zoom view for React Native (both iOS and Android)

Apr 27, 2022
react-health-card 🏥💳 An awesome react health card component.
react-health-card 🏥💳 An awesome react health card component.

react-health-card An awesome health card component. Installation yarn add react-health-card or npm install react-health-card --save Usage import Healt

Nov 8, 2021
React tooltip is a React.JS Component that brings usefull UX and UI information in selected elements of your website.

React Tooltip ✅ React tooltip is a React.JS Component that brings usefull UX and UI information in elements of your website. Installation ⌨️ React Too

Dec 22, 2021
React-ens-avatar - React component for ENS avatar image display with emoji as fallback

react-ens-avatar React component for ENS avatar image display with emoji as fall

May 13, 2022
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

May 13, 2022
Font Awesome 5 React component

react-fontawesome Font Awesome 5 React component using SVG with JS Documentation How to Help Contributors Releasing this project (only project owners

May 9, 2022