Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vajahath/successful-operation
successful-operation Polymer Custom Element
https://github.com/vajahath/successful-operation
Last synced: about 13 hours ago
JSON representation
successful-operation Polymer Custom Element
- Host: GitHub
- URL: https://github.com/vajahath/successful-operation
- Owner: vajahath
- Created: 2016-07-04T05:52:21.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-03-26T05:48:00.000Z (almost 8 years ago)
- Last Synced: 2025-01-13T17:38:37.077Z (6 days ago)
- Language: HTML
- Size: 3.91 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# successful-operation polymer custom element
A UI element that can be used to indicate that the operation was successful.
Just use
```html
```
to show up the above element.
## Setup Polymer and Bootstrap.
You need Polymer base files to use this component.
1. Install Bower if you don't have : `sudo npm install -g bower`.
2. Download Polymer using bower: `bower install Polymer/polymer`.
You also need [Bootstrap](http://getbootstrap.com/getting-started/#download) v3.3.6 or higher to work this component correctly.
## Install this package
`npm install --save successful-operation`
## Dependency Locations
_Verify your directory structure. (if necessary)_
```
|
|-- successful-operation
| |-successful-operation.html (this file)
|-- bower_components
|-- polymer
| |-- polymer.html
|-- webcomponentsjs
|-- webcomponents-lite.min.js
```
# Usage
```html
...
...
...
...
...
```
## Attributes
By default `` tag will output the default values.
Attributes | Type | Default value | Description
--------------- | ----------- | ----------------------- | ------------------------------------------
`header` | String | `Hello there` | `header = "15th June 2016"` will output the string at the top of the element.
`title` | String | `Success` | `title = "Upload Success"` will output the string title of the element.
`info_bold` | String | `Be bold` | `info_bold = "File Uploaded! "` will output the string as a strong info.
`info` | String | `Normal letters` | `info = "hello-world.json"` will output the string as a normal info.
`button_name` | String | `Continue` | `button_name = "okay"` will output the string on the button.
`button_href` | String (url)| `http://www.google.com` | `button_href = "https://twitter.com"`: when you click on the button, you will be directred to the provided link.
## Example
```html
...
...
...
...
...
...
```
## Questions ?
Found any bugs? File an issue on [Github](https://github.com/vajahath/successful-operation/issues).
visit my [profile](https://www.npmjs.com/~vaju) to see other elements.
bye..
## Change Log
*1.0.5*
* Anonymous documentation update.
* Config.ing github.
*1.0.4*
* Anonymous documentation update.
* Connected to Git Repo.
*1.0.3*
* Anonymous documentation update.
*1.0.2*
* Anonymous documentation update.
*1.0.1*
* Anonymous documentation update.
*1.0.0*
* Initial release.