Notify

Read Documentation

Dark theme

copyNotify({
	title: 'Show',
	content: 'Hello, content!',
	duration: 10,
}).show();
copyNotify({
	title: 'showInfo',
	content: 'Hello, content!',
	icon: 'info',
	duration: 10,
}).showInfo();
copyNotify({
	title: 'showSuccess',
	content: 'Hello, content!',
	icon: 'ok',
	duration: 10,
}).showSuccess();
copyNotify({
	title: 'showWarning',
	content: 'Hello, content!',
	icon: 'message',
	duration: 10,
}).showWarning();
copyNotify({
	title: 'showDanger',
	content: 'Hello, content!',
	icon: 'no',
	duration: 10,
}).showDanger();

Light theme

copyNotify({
	title: 'Show',
	content: 'Hello, content!',
	duration: 10,
	lightTheme: true,
}).show();
copyNotify({
	title: 'showInfo',
	content: 'Hello, content!',
	icon: 'info',
	duration: 10,
	lightTheme: true,
}).showInfo();
copyNotify({
	title: 'showSuccess',
	content: 'Hello, content!',
	icon: 'ok',
	duration: 10,
	lightTheme: true,
}).showSuccess();
copyNotify({
	title: 'showWarning',
	content: 'Hello, content!',
	icon: 'message',
	duration: 10,
	lightTheme: true,
}).showWarning();
copyNotify({
	title: 'showDanger',
	content: 'Hello, content!',
	icon: 'no',
	duration: 10,
	lightTheme: true,
}).showDanger();

Colored theme

copyNotify({
	title: 'Show',
	content: 'Hello, content!',
	duration: 10,
	coloredBackground: 'all',
}).show();
copyNotify({
	title: 'showInfo',
	content: 'Hello, content!',
	icon: 'info',
	duration: 10,
	coloredBackground: 'all',
}).showInfo();
copyNotify({
	title: 'showSuccess',
	content: 'Hello, content!',
	icon: 'ok',
	duration: 10,
	coloredBackground: 'all',
}).showSuccess();
copyNotify({
	title: 'showWarning',
	content: 'Hello, content!',
	icon: 'message',
	duration: 10,
	coloredBackground: 'all',
}).showWarning();
copyNotify({
	title: 'showDanger',
	content: 'Hello, content!',
	icon: 'no',
	duration: 10,
	coloredBackground: 'all',
}).showDanger();

Colored title

copyNotify({
	title: 'Show',
	content: 'Hello, content!',
	duration: 10,
	coloredBackground: 'title',
}).show();
copyNotify({
	title: 'showInfo',
	content: 'Hello, content!',
	icon: 'info',
	duration: 10,
	coloredBackground: 'title',
}).showInfo();
copyNotify({
	title: 'showSuccess',
	content: 'Hello, content!',
	icon: 'ok',
	duration: 10,
	coloredBackground: 'title',
}).showSuccess();
copyNotify({
	title: 'showWarning',
	content: 'Hello, content!',
	icon: 'message',
	duration: 10,
	coloredBackground: 'title',
}).showWarning();
copyNotify({
	title: 'showDanger',
	content: 'Hello, content!',
	icon: 'no',
	duration: 10,
	coloredBackground: 'title',
}).showDanger();

Short notifications

copyNotify({
	title: 'Show',
	duration: 10,
	shortMode: true,
}).show();
copyNotify({
	title: 'showInfo',
	icon: 'info',
	duration: 10,
	shortMode: true,
}).showInfo();
copyNotify({
	title: 'showSuccess',
	icon: 'ok',
	duration: 10,
	shortMode: true,
}).showSuccess();
copyNotify({
	title: 'showWarning',
	icon: 'message',
	duration: 10,
	shortMode: true,
}).showWarning();
copyNotify({
	title: 'showDanger',
	icon: 'no',
	duration: 10,
	shortMode: true,
}).showDanger();

Timeline bottom

copyNotify({
	title: 'Show',
	content: 'Hello, content!',
	duration: 10,
	bottomTimeline: true,
}).show();
copyNotify({
	title: 'showInfo',
	content: 'Hello, content!',
	icon: 'info',
	duration: 10,
	bottomTimeline: true,
}).showInfo();
copyNotify({
	title: 'showSuccess',
	content: 'Hello, content!',
	icon: 'ok',
	duration: 10,
	bottomTimeline: true,
}).showSuccess();
copyNotify({
	title: 'showWarning',
	content: 'Hello, content!',
	icon: 'message',
	duration: 10,
	bottomTimeline: true,
}).showWarning();
copyNotify({
	title: 'showDanger',
	content: 'Hello, content!',
	icon: 'no',
	duration: 10,
	bottomTimeline: true,
}).showDanger();

Timeline off

copyNotify({
	title: 'Show',
	content: 'Hello, content!',
	duration: 10,
	hideTimeline: true,
}).show();
copyNotify({
	title: 'showInfo',
	content: 'Hello, content!',
	icon: 'info',
	duration: 10,
	hideTimeline: true,
}).showInfo();
copyNotify({
	title: 'showSuccess',
	content: 'Hello, content!',
	icon: 'ok',
	duration: 10,
	hideTimeline: true,
}).showSuccess();
copyNotify({
	title: 'showWarning',
	content: 'Hello, content!',
	icon: 'message',
	duration: 10,
	hideTimeline: true,
}).showWarning();
copyNotify({
	title: 'showDanger',
	content: 'Hello, content!',
	icon: 'no',
	duration: 10,
	hideTimeline: true,
}).showDanger();