KOSMO - Multi Purpose Bootstrap 4 Admin Template

Basic Bootstrap Notify

$.notify("Hello World");

Passing in a Title

$.notify({
	title: "Welcome:",
	message: "This plugin has been provided to you by ThemesAnytime"
});

Passing HTML

$.notify({
	title: "Welcome: ",
	message: "This plugin has been provided to you by Robert McIntosh aka mouse0270"
});

Using a Font Icon

$.notify({
	icon: 'la la-star',
	message: "Everyone loves font icons! Use them in your notification!"
});

Using Image

$.notify({
	icon: "img/growl_64x.png",
	message: " I am using an image."
},{
	icon_type: 'image'
});

Using Url

$.notify({
	message: "Check out my twitter account by clicking on this notification!",
	url: "https://twitter.com/Mouse0270"
});

Using Bootstrap Alert Primary Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'primary'
});

Using Bootstrap Alert Primary Active Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'primary-active'
});

Using Bootstrap Alert Info Type

$.notify({
	title: 'Heads up!',
	message: 'Bootstrap Notify uses Bootstrap Info Alert styling as its default setting.'
},{
	type: 'info'
});

Using Bootstrap Alert Info Active Type

$.notify({
	title: 'Heads up!',
	message: 'Bootstrap Notify uses Bootstrap Info Alert styling as its default setting.'
},{
	type: 'info-active'
});

Using Bootstrap Alert Success Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'success'
});

Using Bootstrap Alert Success Active Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'success-active'
});

Using Bootstrap Alert Warning Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'warning'
});

Using Bootstrap Alert Warning Active Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'warning-active'
});

Using Bootstrap Alert Danger Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'danger'
});

Using Bootstrap Alert Danger Active Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'danger-active'
});

Using Bootstrap Alert Primary Solid Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'primary-solid'
});

Using Bootstrap Alert Primary Solid Active Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'primary-solid-active'
});

Using Bootstrap Alert Info Solid Type

$.notify({
	title: 'Heads up!',
	message: 'Bootstrap Notify uses Bootstrap Info Alert styling as its default setting.'
},{
	type: 'info-solid'
});

Using Bootstrap Alert Info Solid Active Type

$.notify({
	title: 'Heads up!',
	message: 'Bootstrap Notify uses Bootstrap Info Alert styling as its default setting.'
},{
	type: 'info-solid-active'
});

Using Bootstrap Alert Success Solid Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'success-solid'
});

Using Bootstrap Alert Success Active Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'success-solid-active'
});

Using Bootstrap Alert Warning Solid Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'warning-solid'
});

Using Bootstrap Alert Warning Solid Active Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'warning-solid-active'
});

Using Bootstrap Alert Danger Solid Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'danger-solid'
});

Using Bootstrap Alert Danger Solid Active Type

$.notify({
	title: 'Heads up!',
	message: 'You can use any of bootstraps other alert styles as well by default.'
},{
	type: 'danger-solid-active'
});