Directory

← Back

cosmoz-bottom-bar

Responsive bottom-bar that dynamically displays action buttons and menu.

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/Neovici/cosmoz-bottom-bar on 2019-05-10 ]

cosmoz-bottom-bar

Build Status Published on webcomponents.org

<cosmoz-bottom-bar>

cosmoz-bottom-bar is a responsive bottom-bar that can house buttons/actions and a menu for the buttons that won't fit the available width.

Example:

<cosmoz-bottom-bar-view>
    <div slot="scroller-content" style="padding: 0 18px;">
        <h3>Sample page</h3>
        <p>Nam non enim vitae mauris pharetra semper nec sed lectus.</p>
        <p>Maecenas gravida sollicitudin mauris, id gravida odio commodo iaculis.</p>
        <p>Nulla pulvinar justo vel sodales sollicitudin.</p>
        <p>Proin turpis tortor, sagittis sit amet consequat ut, tempor non velit.</p>
        <p>Proin finibus elit libero, vitae scelerisque lacus maximus ac.</p>
        <p>Vivamus ut finibus ligula. Mauris sollicitudin vitae orci eu scelerisque.</p>
        <p>Duis nec placerat mauris, at tincidunt libero.</p>
        <p>Nullam non magna eget mauris porta tempor.</p>
        <p>Proin non sagittis enim.</p>
        <p>Sed pharetra ante ipsum, in porta dolor sagittis non.</p>
        <p>Cras odio quam, pretium consectetur finibus eu, elementum at risus.</p>
        <p>Proin feugiat vitae sem eu imperdiet.</p>
    </div>
    <div slot="info">5 dummy actions</div>
    <paper-button>Action 1</paper-button>
    <paper-button>Action 2</paper-button>
    <paper-button>Action 3</paper-button>
    <paper-button>Action 4</paper-button>
    <paper-button>Action 5</paper-button>
</cosmoz-bottom-bar-view>

Compatibility

(Loading compatibility data...)

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#^1.8.0
  • iron-flex-layout#polymerelements/iron-flex-layout#^1.0.0
  • iron-icons#polymerelements/iron-icons#^1.0.0
  • iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.0
  • iron-selector#PolymerElements/iron-selector#^1.0.0
  • paper-icon-button#PolymerElements/paper-icon-button#^1.0.0
  • paper-listbox#PolymerElements/paper-listbox#^1.0.0
  • paper-menu-button#PolymerElements/paper-menu-button#^1.0.0
  • cosmoz-viewinfo#neovici/cosmoz-viewinfo#master
Released
2017-08-03
Maturity
IMPORTED
License
Apache License 2.0

Compatibility

Framework
Polymer 1.0+
Polymer 2.0+ in 2.0.0
Browser
Browser Independent

Vaadin Add-on Directory

Find open-source widgets, add-ons, themes, and integrations for your Vaadin application. Vaadin Add-on Directory
The channel for finding, promoting, and distributing Vaadin add-ons.
Online