Vue3 Typescript Guide

설치

npm install halox-toast-ts

Description

Vue3에서 지원하는 toast 라이브러리입니다.

항상 최신 버전을 유지해주세요.

필요한 개선 요청은 깃헙 이슈로 남겨주세요.

Features

지원기능:
  

Changelog

• node v24.12.0
• vue 3.5.25

Usage Example

import 'halox-toast-ts/dist/halox-toast-ts.css'
import { ToastSimple } from 'halox-toast-ts';

// 기본 사용
ToastSimple.show('간단한 알림 메시지');

// 옵션 사용
ToastSimple.show({
    title: '알림제목',
    message: '알림내용입니다.',
    duration: 10000,
    color: 'green',
});

Main Components

Params

interface ToastOptions {
    title?: string;        // 알림 제목 (선택사항)
    message: string;        // 알림 내용 (필수)
    duration?: number;      // 표시 시간 (ms, 기본값: 3000)
    color?: string;        // 왼쪽 테두리 색상 (기본값: 'rgba(33, 33, 33, 0.9)')
}