mirror of https://github.com/ColorlibHQ/AdminLTE
35 lines
753 B
Markdown
35 lines
753 B
Markdown
![]() |
# @sweetalert2/theme-bootstrap-4 - Bootstrap 4 Theme for [SweetAlert2](https://github.com/sweetalert2/sweetalert2)
|
||
|
|
||
|
[](https://www.npmjs.com/package/@sweetalert2/theme-bootstrap-4)
|
||
|
|
||
|
Installation
|
||
|
------------
|
||
|
|
||
|
```sh
|
||
|
npm install --save sweetalert2 @sweetalert2/theme-bootstrap-4
|
||
|
```
|
||
|
|
||
|
Usage
|
||
|
-----
|
||
|
|
||
|
With CSS:
|
||
|
|
||
|
```html
|
||
|
<!-- Include the Bootstrap 4 theme -->
|
||
|
<link rel="stylesheet" href="@sweetalert2/theme-bootstrap-4/bootstrap-4.css">
|
||
|
|
||
|
<script src="sweetalert2/dist/sweetalert2.min.js"></script>
|
||
|
```
|
||
|
|
||
|
With SASS:
|
||
|
|
||
|
`your-app.js`:
|
||
|
```js
|
||
|
import Swal from 'sweetalert2/src/sweetalert2.js'
|
||
|
```
|
||
|
|
||
|
`your-app.scss`:
|
||
|
```scss
|
||
|
@import '~@sweetalert2/theme-bootstrap-4/bootstrap-4.scss';
|
||
|
```
|