- ###### Files

- Two new item submitted

  Marketing Manager
  '17kb

- 52 JPG file Generated

  FontEnd Developer
  '11kb

- 25 PDF File Uploaded

  Digital Marketing Manager
  '150kb

- Anna_Strong.doc

  Web Designer
  '256kb

- ###### Members

- John Doe

  UI designer

- Michal Clark

  FontEnd Developer

- Milena Gibson

  Digital Marketing Manager

- Anna Strong

  Web Designer

- No results found.

#### Basic Examples

SweetAlert automatically centers itself on the page and looks great no matter if you're using a desktop computer, mobile or tablet. It's even highly customizable, as you can see below!

#### Poistion

You can specify position of your alert with `{position : top-start | top-end | bottom-start | bottom-end }` in js

#### Animations

Use `customClass` parameter to add animation to your alert

#### Types

The type of the modal. SweetAlert comes with 4 built-in types which will show a corresponding icon animation: "warning", "error", "success" and "info". You can also set it as "input" to get a prompt modal. It can either be put in the object under the key "icon" or passed as the third parameter of the function.

#### Options

#### Confirm Options

##### Confirm Button Text

Use this to change the text on the "Confirm"-button. If `showCancelButton` is set as `true`, the confirm button will automatically show "Confirm" instead of "OK".

##### Confirm Button Color

Use `className: "btn-warning"` option to change the background color of the "Confirm"-button.