useToast

Provider 설정

앱 루트 또는 문서 미리보기 영역에 ToastProvider를 감싸주세요.

import { ToastProvider } from "@/components/ui";

export default function App({ children }) {
  return <ToastProvider>{children}</ToastProvider>;
}

사용하기

import { Button, useToast } from "@/components/ui";

function SaveButton() {
  const { toast } = useToast();

  return (
    <Button
      onClick={() =>
        toast({
          title: "저장됐어요",
          description: "변경 사항이 반영됐어요.",
          variant: "success",
        })
      }
    >
      저장
    </Button>
  );
}