Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

bulma-toast

Package Overview
Dependencies
Maintainers
1
Versions
32
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

bulma-toast - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/bulma-toast.js

38

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc