拽拽
管理员组

Bootoast A Bootstrap Toaster library.

Default Settings

bootoast.toast({
    message: 'Bootoast!',
    type: 'info',
    position: 'bottom-center',
    icon: null,
    timeout: null,
    animationDuration: 300,
    dismissible: 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-horizontalSupported positions.
timeoutfalseThe time in seconds for hide the notification (.alert element). If false or 0, the notification will not auto-hide.
dismissibletrueShows or hides the dismiss × button. It can be true or false.
animationDuration300The notification hide animation duration in milliseconds (ms).

Supported Types

By default, Bootoast supports all Bootstrap 3 alert types:

  • 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:

Bootoast typeBootstrap icon
warningexclamation-sign
successok-sign
dangerremove-sign
infoinfo-sign

Versioning

Closest as possible to semver (Semantic Versioning).


#1楼
发帖时间:7月前   |   查看数:0   |   回复数:0
游客组