Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vajahath/operation-failed
A UI Element made with Polymer that is used to indicate that the operation was unsuccessful.
https://github.com/vajahath/operation-failed
Last synced: 13 days ago
JSON representation
A UI Element made with Polymer that is used to indicate that the operation was unsuccessful.
- Host: GitHub
- URL: https://github.com/vajahath/operation-failed
- Owner: vajahath
- Created: 2016-07-04T06:26:40.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-03-26T05:47:52.000Z (almost 8 years ago)
- Last Synced: 2024-11-30T04:30:25.858Z (2 months ago)
- Language: HTML
- Size: 4.88 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# operation-failed polymer custom element
A UI element that can be used to indicate that the operation was unsuccessful.
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 operation-failed`
## Dependency Locations
_Verify your directory structure. (if necessary)_
```
|
|-- operation-failed
| |-- operation-failed.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 | `We're sorry,` | `header = "15th June 2016"` will output the string at the top of the element.
`title` | String | `Something went wrong !` | `title = "Upload Failed"` will output the string title of the element.
`info_bold` | String | `Failed` | `info_bold = "bolded! "` will output the string as a strong info.
`info` | String | `File upload` | `info = "hello-world"` will output the string as a normal info.
`button_name` | String | ` Retry` | `button_name = "bye"` 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 ?
Feel free to ping me on Skype at `vajuinside`.
If you found any issues, [file an issue on Github](https://github.com/vajahath/operation-failed/issues).
visit my [profile](https://www.npmjs.com/~vaju) to see other elements.
bye..
## Change Log
*1.0.2*
* Anonymous documentation update.
*1.0.1*
* New image in the documentation.
*1.0.0*
* Initial release.