New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

bs-notify

Package Overview
Dependencies
Maintainers
1
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

bs-notify

Floating page push notifications with **Bootstrap 3**.

  • 1.0.0-beta
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
0
Maintainers
1
Weekly downloads
 
Created
Source

Bootify

A Bootstrap 3 Notifying Plugin

Floating page push notifications with Bootstrap 3.

Default Settings

bootify({
    message: 'Helo!',
    type: 'info',
    position: 'bottom-center',
    icon: undefined,
    timeout: false,
    animationDuration: 300,
    dismissable: true
});

Options Settings

To use your own settings, take the default example above and replace with your values. You can also remove the keys you will not change.

OptionDefault ValueDescrition
message'Helo!'Any, any, HTML String!
type'info'A raw string that can be any of Bootstrap 3 alert type classes without the alert- preffix. Available types.
iconbased on choosen type OR undefinedAn icon following the standard Bootstrap 3 glyphicons name without the glyphicon- preffix. Icons choosen by type.
position'bottom-center'A raw string with two segments of align separated by hypehn follo0wing the pattern: vertical-horizontal. Supported positions.
timeoutfalseThe time in seconds for hide the notification (.alert element). If false or 0, the notification will not auto-hide.
dismissabletrueShows or hides the dismiss × button. It can be true or false.
animationDuration300The notification hide animation duration in milliseconds (ms).
Types

The alert types available, for styling:

  • info
  • success
  • warning
  • danger

See more about Bootsrap alerts.

Supported Positions
SupportedSinonymus
top-centertop
top-leftleft-top
top-rightright-top
bottom-centerbottom
bottom-leftleft-bottom
bottom-rightright-bottom
Icon Defaults

By default, if it's not defined, it will turn into an icon choosen by the type:

{
    warning: 'exclamation-sign',
    success: 'ok-sign',
    danger: 'remove-sign',
    info: 'info-sign'
}

Good Luck.

FAQs

Package last updated on 05 Jul 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

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