Toast

A Toast component is a transient notification that appears on the screen to provide feedback or information to users without interrupting their workflow. Typically displayed at the top or bottom of the screen, toasts are brief messages that automatically disappear after a short duration. They are commonly used to inform users about actions such as successful submissions, updates, or alerts, enhancing the overall user experience with minimal disruption.

import { NButton, useNToast } from '@nayan-ui/react';

const Toast = () => {
  const toast = useNToast();

  return (
    <div>
      <NButton onClick={() => toast('This is a toast notification!', 'Success')}>Show Toast</NButton>
    </div>
  );
};

export default Toast;