Function ToastRegion

packages/react-aria/stories/toast/Example.tsx:34–55

()

}

function ToastRegion() {
  let state = useContext(ToastContext)!;
  let ref = useRef(null);
  let {regionProps} = useToastRegion({}, state, ref);
  return (
    <div
      {...regionProps}
      ref={ref}
      style={{
        position: 'fixed',
        bottom: 0,
        right: 0,
        display: 'flex',
        flexDirection: 'column',
        gap: 10
      }}>
      {state.visibleToasts.map(toast => (
        <Toast key={toast.key} toast={toast} />
      ))}
    </div>
  );
}

function Toast(props) {
  let state = useContext(ToastContext)!;