フラッシュメサージトースト
応答性と材料デザイン。 UIフレームワークの依存関係なしにフラッシュメッセージまたはトーストメッセージを表示するパッケージ!
通常、他のフラッシュメッセージパッケージは、ブートストラップや具体化など、他のUIフレームワークに依存します。これにより、プロジェクトに競合が発生する可能性があります。このパッケージは、UIパッケージまたはUIフレームワークに依存しません。したがって、プロジェクトへの紛争について心配する必要はありません。
Location1またはLocation2からデモを見ることができます。
使用法
import { FlashMessage } from 'meteor/haojia321:flash-message-toast';
FlashMessage.show({
align: 'bottomCenter',
text: 'Hello World!'
});
API
flashmessage.show(options);
引数:オプションオブジェクト
- 文字列を調整します
オプション。メッセージコンテナをどのように調整するかを定義します。
許容値:「Topright」、「Topleft」、「Topcenter」、「BottomRight」、「BottomLeft」、「BottomCenter」。デフォルトは「TopCenter」です。 - 自動hideブール
オプション。メッセージが自動的に消えるかどうかを定義します。
許可された値:真とfalse。デフォルトはtrueです。 - Hidedelay整数ミリ秒
オプション。フラッシュメッセージが消える前の遅延時間。
デフォルトは2000です。 - テキスト文字列
オプション。フラッシュメッセージの内容。
デフォルトは「Hello World」です。 - ISHTML BOOLEAN
オプション。 ISHTMLがTRUEに設定されている場合、テキストはHTMLコンテンツとしてレンダリングされます。
デフォルトはfalseです。 - 文字列を入力します
オプション。フラッシュメッセージのタイプを定義します。
許可された値「情報」、「エラー」、「成功」、「警告」。デフォルトは「情報」です。 - showclosebutton boolean
オプション。 Flashメッセージは、trueに設定すると閉じるボタンが表示されます。
デフォルトはfalseです。 - 機能する機能
オプション。 FlashメッセージがUIに表示される前に機能が呼び出されます。 - アフターショー機能
オプション。 FlashメッセージがUIに表示された後に関数が呼び出されます。 - 前移動関数
オプション。 FlashメッセージがUIから削除される前に、機能が呼び出されます。 - Afterhide関数
オプション。 FlashメッセージがUIから削除された後に関数が呼び出されます。
FlashメッセージDOM要素のIDを返します。
flashMessage.hide(id、obj);
引数:ID文字列
- ID文字列が必要です。フラッシュメッセージDOM要素のID。
引数:OBJオブジェクト
- 前移動関数
オプション。 FlashメッセージがUIから削除される前に、機能が呼び出されます。 - Afterhide関数
オプション。 FlashメッセージがUIから削除された後に関数が呼び出されます。