cosmoz-bottom-bar

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

Releasing

This project uses changesets for versioning and releases.

Creating a changeset

To document a change that should be included in the next release, run:

npm run changeset

This will prompt you to select the type of version bump (major, minor, or patch) and describe the change.

Publishing

When changes are merged to the main branch, the CI will automatically:

1. Create a version bump based on the changesets
2. Update the changelog
3. Publish to npm