https://github.com/javadbat/jb-message

https://github.com/javadbat/jb-message

Last synced: 7 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/javadbat/jb-message
• Owner: javadbat
• License: mit
• Created: 2020-07-13T11:25:06.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-06-15T10:14:22.000Z (6 months ago)
• Last Synced: 2024-12-01T21:47:06.699Z (21 days ago)
• Language: TypeScript
• Size: 14.6 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# JBMessage

message builder module for js

## installation 

```bash

    npm install jb-message

```

## instruction

first you have to create your message instance and config and style it however you want

```js

    //your-custom-app-message.js

    import {JBMessage} from  'jb-message';

    const message = new JBMessage();

    export {message};

```

then import your custome message instance in your app whenever you need and show a message

### set custome style

in some cases in your project you need to change default style of module, for example you need different positioning or custom margin-top values.    

if you want to set a custom style to this module all you need is to set css variable in parent scope of module.

| css variable name        | description                           |

| -------------            | -------------                         |

| --jb-message-position    | module position default is `absolute` |

| --jb-message-margin-top  | module margin-top defualt is `64px`   |