https://github.com/alchaplinsky/polymer-core-rails
Polymer core elements for Ruby on Rails project
https://github.com/alchaplinsky/polymer-core-rails
Last synced: 10 months ago
JSON representation
Polymer core elements for Ruby on Rails project
- Host: GitHub
- URL: https://github.com/alchaplinsky/polymer-core-rails
- Owner: alchaplinsky
- License: mit
- Created: 2014-07-21T22:03:46.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2022-08-03T11:42:55.000Z (almost 4 years ago)
- Last Synced: 2025-02-01T15:15:51.458Z (over 1 year ago)
- Language: HTML
- Size: 1.35 MB
- Stars: 32
- Watchers: 6
- Forks: 17
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# PolymerCoreRails
#### Since Polymer 1.0 release core-elements are now iron-elements. To use iron elements see [polymer-iron-rails](https://github.com/alchapone/polymer-iron-rails)
Polymer Core elements are a set of utility elements including general-purpose UI elements (such as icons, layout elements,
and toolbars), as well as non-UI elements providing features like AJAX, signaling and storage.
Polymer-core-rails gem brings polymer core web components into your Rails project.
## Installation
Add this line to your application's Gemfile:
```ruby
gem 'polymer-core-rails'
```
And then execute:
$ bundle
Or install it yourself as:
$ gem install polymer-core-rails
## Getting started
In order to use Polymer core elements you need to have
`polymer` installed in your project. Use [polymer-rails](https://github.com/alchapone/polymer-rails) gem for adding `polymer` to your Rails application.
```ruby
gem 'polymer-rails'
gem 'polymer-core-rails'
```
After running `bundle install` require needed core elements into your `application.html` manifest file.
//= require polymer/polymer
//= require core-ajax/core-ajax
//= require core-input/core-input
.....
//= require core-tooltip/core-tooltip
Each component should be required only once. Thus if you've already required component that has dependencies, you don't need
to explicitly require any of dependencies, otherwise it will raise exception.
## Available elements
* [core-a11y-keys](http://www.polymer-project.org/docs/elements/core-elements.html#core-a11y-keys)
* [core-ajax](http://www.polymer-project.org/docs/elements/core-elements.html#core-ajax)
* [core-animated-pages](http://www.polymer-project.org/docs/elements/core-elements.html#core-animated-pages)
* [core-animation](http://www.polymer-project.org/docs/elements/core-elements.html#core-animation)
* [core-collapse](http://www.polymer-project.org/docs/elements/core-elements.html#core-collapse)
* [core-drag-drop](http://www.polymer-project.org/docs/elements/core-elements.html#core-drag-drop)
* [core-drawer-panel](http://www.polymer-project.org/docs/elements/core-elements.html#core-drawer-panel)
* [core-field](http://www.polymer-project.org/docs/elements/core-elements.html#core-field)
* [core-header-panel](http://www.polymer-project.org/docs/elements/core-elements.html#core-header-panel)
* [core-icon](http://www.polymer-project.org/docs/elements/core-elements.html#core-icon)
* [core-icon-button](http://www.polymer-project.org/docs/elements/core-elements.html#core-icon-button)
* [core-input](http://www.polymer-project.org/docs/elements/core-elements.html#core-input)
* [core-list](http://www.polymer-project.org/docs/elements/core-elements.html#core-list)
* [core-localstorage](http://www.polymer-project.org/docs/elements/core-elements.html#core-localstorage)
* [core-media-query](http://www.polymer-project.org/docs/elements/core-elements.html#core-media-query)
* [core-meta](http://www.polymer-project.org/docs/elements/core-elements.html#core-meta)
* [core-overlay](http://www.polymer-project.org/docs/elements/core-elements.html#core-overlay)
* [core-pages](http://www.polymer-project.org/docs/elements/core-elements.html#core-pages)
* [core-range](http://www.polymer-project.org/docs/elements/core-elements.html#core-range)
* [core-scroll-header-panel](http://www.polymer-project.org/docs/elements/core-elements.html#core-scroll-header-panel)
* [core-selection](http://www.polymer-project.org/docs/elements/core-elements.html#core-selection)
* [core-selector](http://www.polymer-project.org/docs/elements/core-elements.html#core-selector)
* [core-shared-lib](http://www.polymer-project.org/docs/elements/core-elements.html#core-shared-lib)
* [core-signals](http://www.polymer-project.org/docs/elements/core-elements.html#core-signals)
* [core-splitter](http://www.polymer-project.org/docs/elements/core-elements.html#core-splitter)
* [core-style](http://www.polymer-project.org/docs/elements/core-elements.html#core-style)
* [core-toolbar](http://www.polymer-project.org/docs/elements/core-elements.html#core-toolbar)
* [core-tooltip](http://www.polymer-project.org/docs/elements/core-elements.html#core-tooltip)
* [core-transition](http://www.polymer-project.org/docs/elements/core-elements.html#core-transition)
## Contributing
1. Fork it ( https://github.com/[my-github-username]/polymer_core_rails/fork )
2. Create your feature branch (`git checkout -b my-new-feature`)
3. Commit your changes (`git commit -am 'Add some feature'`)
4. Push to the branch (`git push origin my-new-feature`)
5. Create a new Pull Request