flash message toast

플래시 메이지 토스트

반응적이고 재료 디자인. UI 프레임 워크 종속성없이 플래시 메시지 또는 토스트 메시지를 표시하는 패키지!
다른 플래시 메시지 패키지는 일반적으로 부트 스트랩 또는 구체화와 같은 다른 UI 프레임 워크에 따라 다릅니다. 이로 인해 프로젝트에 약간의 충돌이 발생할 수 있습니다. 이 패키지는 UI 패키지 또는 UI 프레임 워크에 의존하지 않습니다. 따라서 프로젝트에 대한 갈등에 대해 걱정할 필요가 없습니다.

Location1 또는 Location2에서 데모를 볼 수 있습니다.

용법

 import { FlashMessage } from 'meteor/haojia321:flash-message-toast';   
FlashMessage.show({  
    align: 'bottomCenter',  
    text: 'Hello World!'  
});  

API

FlashMessage.show (옵션);

인수 : 옵션 객체

• 문자열을 정렬합니다
  선택 과목. 메시지 컨테이너를 정렬하는 방법을 정의하십시오.
  허용 값 : 'Topright', 'Topleft', 'Topcenter', 'Bottomright', 'Bottomleft'및 'BottomCenter'. 기본값은 'TopCenter'입니다.
• 자동 히드 부울
  선택 과목. 메시지가 자동으로 사라질 지 정의하십시오.
  허용 값 : 참과 거짓. 기본값은 사실입니다.
• Hidedelay 정수 밀리 초
  선택 과목. 플래시 메시지가 사라지기 전 지연 시간.
  기본값은 2000입니다.
• 텍스트 문자열
  선택 과목. 플래시 메시지의 내용.
  기본값은 'Hello World'입니다.
• ISHTML 부울
  선택 과목. ishtml이 true로 설정되면 텍스트가 html 컨텐츠로 렌더링됩니다.
  기본값은 False입니다.
• 문자열을 입력하십시오
  선택 과목. 플래시 메시지의 유형을 정의하십시오.
  허용 값 '정보', '오류', '성공'및 '경고'. 기본값은 '정보'입니다.
• Showclosebutton 부울
  선택 과목. Flash 메시지는 true로 설정된 경우 닫기 버튼이 표시됩니다.
  기본값은 False입니다.
• BECORESHOW 기능
  선택 과목. UI에 플래시 메시지가 표시되기 전에 기능이 호출됩니다.
• 애프터 쇼 기능
  선택 과목. UI에 플래시 메시지가 표시된 후 기능이 호출됩니다.
• 전신 기능 전 기능
  선택 과목. UI에서 플래시 메시지가 제거되기 전에 기능이 호출됩니다.
• 뒷면 기능
  선택 과목. 플래시 메시지가 UI에서 제거 된 후 기능이 호출됩니다.

플래시 메시지 dom 요소의 ID를 반환합니다.

FlashMessage.Hide (id, obj);

인수 : ID 문자열

• ID 문자열이 필요합니다. 플래시 메시지 dom 요소의 ID.

인수 : obj 객체

• 전신 기능 전 기능
  선택 과목. UI에서 플래시 메시지가 제거되기 전에 기능이 호출됩니다.
• 뒷면 기능
  선택 과목. 플래시 메시지가 UI에서 제거 된 후 기능이 호출됩니다.