nebula-splitview
A collapsible split-view layout.
[ This description is mirrored from README.md at github.com/arsnebula/nebula-splitview on 2019-05-22 ]
<nebula-splitview>
A web component to display a collapsable split-view layout.
- Two-column master/detail horizontal layout using slots
- View collapses at a configurable breakpoint
- When collapsed, detail can be toggled to overlay master view
- Easily animate the transition between views
Installation
$ bower install -S arsnebula/nebula-splitview
Usage
Import the element:
<link rel="import" href="/bower_components/nebula-splitview/nebula-splitview.html">
Add and configure the element through markup.
<nebula-splitview
collapsed="{{collapsed}}"
detail="{{detail}}"
breakpoint="(max-width: 960px)">
<div slot="master"></div>
<div slot="detail"></div>
</nebula-splitview>
For more information on element properties and methods see the element API documentation.
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
Change Log
See CHANGELOG
License
See LICENSE
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- polymer#Polymer/polymer#^1.7.1
- iron-media-query#PolymerElements/iron-media-query#^1.0.8
- Released
- 2017-02-18
- Maturity
- IMPORTED
- License
- ISC License
Compatibility
- Framework
- Polymer 1.0+
- Browser
- Browser Independent
nebula-splitview - Vaadin Add-on Directory
A collapsible split-view layout.GitHub Homepage
License
Issue tracker
nebula-splitview version 1.0.0
### Dependencies
* polymer#Polymer/polymer#^1.7.1
* iron-media-query#PolymerElements/iron-media-query#^1.0.8
nebula-splitview version 1.0.1
### Dependencies
* polymer#Polymer/polymer#^1.7.1
* iron-media-query#PolymerElements/iron-media-query#^1.0.8