https://github.com/logesh4lg/lg-custom-alert
Custom alert on clicking using Boostarap 3 and Angular 1.6
https://github.com/logesh4lg/lg-custom-alert
alertmanager angularjs bootstrap-alert bootstrap3 javascript
Last synced: about 2 months ago
JSON representation
Custom alert on clicking using Boostarap 3 and Angular 1.6
- Host: GitHub
- URL: https://github.com/logesh4lg/lg-custom-alert
- Owner: logesh4lg
- License: mit
- Created: 2018-02-21T07:26:35.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-05-15T05:13:07.000Z (about 8 years ago)
- Last Synced: 2025-07-01T07:07:00.422Z (11 months ago)
- Topics: alertmanager, angularjs, bootstrap-alert, bootstrap3, javascript
- Language: JavaScript
- Homepage:
- Size: 10.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# lg-alert
Custom alert using Boostarap 3 and Angular 1.6
# Features
- Make all size popups and alerts using various options
# Installation
1. Use npm to install the new module:
```bash
npm install lg-custom-alert --save
```
2. Import the dependency
1. Bootstrap - CSS is enough
2. Angular
3. ui.bootstrap
```html
```
3. Import `lg.customAlert.min.js` javascript and css file into your HTML file
```html
```
# Usage
1. Add `lg.customAlert` as a dependency on your Angular app:
```javascript
angular.module("myApp", ["lg.customAlert", "ui.bootstrap"]);
```
2. Put `lg-alert` directive along with button elements
`lg-alert` - the scope function to be called after alert success
`lg-message` - Message to be displayed in the modal
`lg-size` - Size to be displayed in the modal `['lg', 'md', 'sm']`
`lg-type` - Type of the modal to be displayed in the modal `['confirm', 'proceed', 'ok', 'delete']`
#### Example
```html
Click for Alert
```
#### Refer test/test.HTML