@neovici/cosmoz-bottom-bar

7.2.1 • Public • Published

cosmoz-bottom-bar

Build Status Published on webcomponents.org semantic-release Depfu

<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:

<div 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>
<cosmoz-bottom-bar active>
	<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>

/@neovici/cosmoz-bottom-bar/

    Package Sidebar

    Install

    npm i @neovici/cosmoz-bottom-bar

    Weekly Downloads

    97

    Version

    7.2.1

    License

    Apache-2.0

    Unpacked Size

    39.5 kB

    Total Files

    7

    Last publish

    Collaborators

    • nomego
    • cristinecula
    • wurper
    • megheaiulian