Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@neovici/cosmoz-bottom-bar

Package Overview
Dependencies
Maintainers
4
Versions
49
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@neovici/cosmoz-bottom-bar

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

  • 4.2.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
90
decreased by-51.09%
Maintainers
4
Weekly downloads
 
Created
Source

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:

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

Keywords

FAQs

Package last updated on 17 Dec 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc