Directory

reverse-element - Vaadin Add-on Directory

An element that reverses children order based on a property reverse-element - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/convoo/reverse-element](https://github.com//convoo/reverse-element/blob/0.0.6/README.md) on 2019-05-22 ]** # Reverse-Element

reverse-element

Reverses children elements based on property - helpful for accessibility

--- ## Install ``` bower install convoo/reverse-element --save ``` ## \ Easily reverse the order of children elements in the dom while maintaining grandchildren order. With inputs and other elements that you use `tabindex` with, you need to change the dom order to reverse the tab order and not just change the visual order using CSS. ```html ``` ### Toggleable Reverse Element ```html Toggle Reverse

First

Second

Third

``` ### Reversed ```html

First

Second

Third

Fourth

``` ## Contributing ### Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your application locally. ### Viewing Your Application ``` $ polymer serve ``` ### Building Your Application ``` $ polymer build ``` This will create a `build/` folder with `bundled/` and `unbundled/` sub-folders containing a bundled (Vulcanized) and unbundled builds, both run through HTML, CSS, and JS optimizers. You can serve the built versions by giving `polymer serve` a folder to serve from: ``` $ polymer serve build/bundled ``` ### Running Tests ``` $ polymer test ``` Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.