bulma-toast
Advanced tools
Comparing version 1.0.0 to 1.0.1
{ | ||
"name": "bulma-toast", | ||
"version": "1.0.0", | ||
"description": "Bulma's extension to display toasts.", | ||
"main": "./dist/js/bulma-toast.min.js", | ||
"style": "./dist/css/bulma-toast.min.css", | ||
"version": "1.0.1", | ||
"description": "", | ||
"main": "dist/index.js", | ||
"scripts": { | ||
"build": "gulp" | ||
"build": "bili --format umd,umd-min" | ||
}, | ||
@@ -27,31 +26,10 @@ "repository": { | ||
"devDependencies": { | ||
"ansi-colors": "^2.0.1", | ||
"autoprefixer": "^8.6.2", | ||
"babel-core": "^6.26.3", | ||
"babel-jest": "^23.0.1", | ||
"babel-loader": "^7.1.4", | ||
"babel-plugin-transform-object-rest-spread": "^6.26.0", | ||
"babel-preset-env": "^1.7.0", | ||
"bulma": "^0.7.1", | ||
"camelcase": "^5.0.0", | ||
"del": "^3.0.0", | ||
"fancy-log": "^1.3.2", | ||
"gulp": "^4.0.0", | ||
"gulp-autoprefixer": "^5.0.0", | ||
"gulp-clean-css": "^3.9.4", | ||
"gulp-concat": "^2.6.1", | ||
"gulp-nop": "0.0.3", | ||
"gulp-postcss": "^7.0.1", | ||
"gulp-sass": "^4.0.1", | ||
"gulp-uglify": "^3.0.0", | ||
"regenerator-runtime": "^0.11.1", | ||
"webpack": "^4.12.0", | ||
"webpack-stream": "^4.0.3" | ||
"bili": "^3.1.2" | ||
}, | ||
"files": [ | ||
"dist/**", | ||
"src/**", | ||
"dist", | ||
"src", | ||
"LICENSE", | ||
"README.md" | ||
] | ||
} | ||
} |
# bulma-toast | ||
[![npm version](https://badge.fury.io/js/bulma-toast.svg)](https://badge.fury.io/js/bulma-toast) | ||
Bulma's pure JavaScript extension to display toasts. Basically a Bulma's [notification](https://bulma.io/documentation/elements/notification) implemented as a toast plugin. | ||
@@ -14,3 +16,3 @@ | ||
- `duration`: Duration of the notification in milliseconds. Default is `2000` milliseconds. | ||
- `position`: Position where the notification will be shown. The default is top-right, so if you want it to be on the left just add `is-left` to this option. Similarly, add `is-bottom` to be displayed at the bottom, or `is-center` to be centered. It can also be done with multiple classes like `is-bottom is-left`. | ||
- `position`: Position where the notification will be shown. The default is `top-right`, so if you want it to be on the top-left just add `top-left` to this option. The available options are: `top-left`, `top-center`, `top-right`, `center`, `bottom-left`, `bottom-center`, and `bottom-right`. | ||
- `dismissible`: Whether the notification is dismissible or not. Default is `false`. | ||
@@ -28,7 +30,5 @@ | ||
1. Link to bulma-toast.min.css `<link href="bulma-toast.min.css" rel="stylesheet"/>` | ||
1. Link to bulma-toast.min.js `<script src="bulma-toast.min.js"></script>` | ||
2. Link to bulma-toast.min.js `<script src="bulma-toast.min.js"></script>` | ||
3. use bulma-toast to display a toast | ||
2. use bulma-toast to display a toast | ||
```js | ||
@@ -51,3 +51,3 @@ bulmaToast.toast({ message: 'Hello There' }) | ||
type: 'is-success', | ||
dismissible: true | ||
dismissible: true, | ||
}) | ||
@@ -63,6 +63,4 @@ ``` | ||
message: 'Your message here', | ||
type: '', | ||
duration: 2000, | ||
position: 'is-right', | ||
dismissible: false | ||
position: 'top-right', | ||
} | ||
@@ -69,0 +67,0 @@ ``` |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
18403
1
7
167
74