useToast

@hua-labs/ui

설치

bash

npm install @hua-labs/hua

Import

tsx

import { useToast } from "@hua-labs/hua/framework";

@hua-labs/motion-core의 모션 훅을 @hua-labs/hua/framework에서 통합 제공합니다.

UI 컴포넌트, 모션 훅, i18n을 하나의 패키지로 사용할 수 있습니다.

기본 사용법

tsx

import { useToast } from '@hua-labs/ui';

const { addToast } = useToast();

function handleSuccess() {
  addToast({
    type: 'success',
    message: 'Saved successfully!',
  });
}

API 레퍼런스

반환값

이름	타입	설명
toasts	Toast[]	docs:hooks.use-toast.returns.toasts
addToast	(toast: ToastInput) => void	docs:hooks.use-toast.returns.addToast
removeToast	(id: string) => void	docs:hooks.use-toast.returns.removeToast
clearToasts	() => void	docs:hooks.use-toast.returns.clearToasts

사용 사례

useDotMap useTheme