Loading...

###### Don't Miss Out! Our new update has been released.

###### Something you love is now on sale!

Buy now !

### Sweet Alerts

##### Position Top Start

Use `"position: top-start"` in javascript, you set the alert's position.

    <button class="btn btn-secondary sweet-16" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-16']);">Click it! </button>

##### Position Top End

Use `"position: top-end"` in javascript, you set the alert's position.

    <button class="btn btn-info sweet-15" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-15']);">Click it! </button>

##### Position Bottom Start

Use `"position: bottom-start"` in javascript, you set the alert's position.

    <button class="btn btn-warning sweet-17" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-17']);">Click it! </button>

##### Position Bottom End

Use `"position: bottom-end"` in javascript, you set the alert's position.

    <button class="btn btn-primary sweet-18" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-18']);">Click it! </button>

##### Basic Example

Use `sweet-1` class to create a basic alert display.

    <button class="btn btn-primary sweet-1" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-1']);">Click it!</button>

##### Title with a Text Under

Use `sweet-2` class to create a title with text under alert display.

    <button class="btn btn-secondary sweet-2" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-2']);">Click it!</button>

##### Dismiss Alert

Use `sweet-3` class to create a dismiss alert display.

    <button class="btn btn-info sweet-3" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-3']);">Click it!</button>

##### Rich Html Alert

Use `sweet-4` class to create a rich html alert display.

    <button class="btn btn-warning sweet-4" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-4']);">Click it!</button>

##### Confirmation Alert

Use `sweet-5` class to create a confirmation alert display.

    <button class="btn btn-warning sweet-5" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-5']);">Click it!</button>

##### Animated Alert

Use `sweet-6` class to create a animated alert display.

    <button class="btn btn-primary sweet-6" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-6']);">Click it!</button>

##### Confirmation with Triggers

Use `sweet-7` class to create a confirmation with triggers alert display. .

    <button class="btn btn-secondary sweet-7" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-7']);">Click it!</button>

##### Image-rich Message

Use `sweet-8` class to create a image rich message alert display.

    <button class="btn btn-info sweet-8" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-8']);">Click it!</button>

##### Auto Close Timer

Use `sweet-9` class to create a auto close timer alert display.

    <button class="btn btn-danger sweet-9" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-9']);">Click it!</button>

##### AJAX Request Alert

Use `sweet-10` class to create a ajax request alert display.

    <button class="btn btn-warning sweet-10" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-10']);">Click it!</button>

##### Confirmation with Approvals

Use `sweet-11` class to create a confirmation with approvals alert display.

    <button class="btn btn-primary sweet-11" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-11']);">Click it!</button>

##### Comprehensive RTL Support

Use `sweet-12` class to create a comprehensive RTL support alert display.

    <button class="btn btn-secondary sweet-12" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-12']);">Click it!</button>

##### Password Generator Alert

Use `sweet-13` class to create a password generator alert display.

    <button class="btn btn-primary sweet-13" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-13']);">Click it!</button>

##### Date Alert

Use `sweet-14` class to create a date alert display.

    <button class="btn btn-danger sweet-14" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-14']);">Click it!</button>

##### Custom Positioned Dialog

Use `sweet-19` class to create a custom positioned dialog alert display.

    <button class="btn btn-warning sweet-19" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-19']);">Click it!</button>

##### Registration Form

Use `sweet-20` class to create a input form alert display.

    <button class="btn btn-primary sweet-20" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-20']);">Click it!</button>