@ bimetal/ toast- react- 组件

反应 吐司风景 ——BIMETAL成分家庭轻量/回馈 成员。 一个薄薄的束缚在峡谷上 @bimetal/toast-headless 控制器(队列, 自动放行,暂停接行,变体,定位,a11y). 无域依赖.

import { useToastController } from '@bimetal/react';
import { ToastViewport } from '@bimetal/toast-react-components';
import '@bimetal/toast-react-components/styles';

function App() {
  const [, toasts] = useToastController({ config: { position: 'bottom-end' } });
  return (
    <>
      <button onClick={() => toasts.push({ message: 'Gespeichert', variant: 'success' })}>Save</button>
      <ToastViewport controller={toasts} />
    </>
  );
}

该应用程序决定消息和呼叫 toasts.push(...);取景口使堆叠. 只受约束:拥有控制器(这是你推向的).