Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@agney/ir-toast
Advanced tools
Readme
This packages enables the use of imperative Toasts as in Angular.
import { ToastProvider, useToast } from "@agney/ir-toast";
// Wrap you App.tsx with ToastProvider
const App: FC = () => {
<IonApp>
<ToastProvider>
// ...rest of your application
</ToastProvider>
</IonApp>
}
// In your component
const RegisterForm: FC () => {
const Toast = useToast();
// ...
function validate() {
const toast = Toast.warning('Passwords don\'t match');
}
function submit(data) {
try {
const response = await api.register(data);
Toast.success('Registration Successful');
} catch() {
Toast.error('Request failed');
}
}
}
npm i @agney/ir-toast
Requires react 16.8 or higher and @ionic/react 5 or higher.
ToastProvider
The useToast
requires the app to be wrapped with a ToastProvider
. The Provider can also take a value
as prop which serves as defaults for all toasts created under it.
const App: FC = () => {
<IonApp>
<ToastProvider value={{ color: 'primary', duration: 2000 }}>
// ...rest of your application
<ToastProvider>
</IonApp>
}
Supports all properties in docs.
useToast
Hook to be used in functional components.
function Component: FC = () => {
const Toast = useToast();
const handleClick = () => {
const toast = Toast.create({ message: 'thing' });
toast.present();
// When you want to.
toast.dismiss();
...
}
// ...
}
Toast
returned from useToast
supports:
create
A toast instance is created, takes all the props in docs as argument. Returns a toast instance that can be presented by calling present
and dismissed calling dismiss
on it.
success
, warning
, error
Takes one argument: message as string. Does not require present
to be called, directly shows the toast.
const toast = toast.success('Success message');
Contributions, issues and feature requests are welcome!
Feel free to check issues page.
We use yarn
v1 for development.
yarn
yarn start
yarn test
Give a ⭐️ if this project helped you!
Copyright © 2020 Agney Menon agney@outlook.in.
This project is MIT licensed.
FAQs
Enables the use of imperative Toasts as in Angular
The npm package @agney/ir-toast receives a total of 21 weekly downloads. As such, @agney/ir-toast popularity was classified as not popular.
We found that @agney/ir-toast demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.