Socket
Socket
Sign inDemoInstall

@advanced-rest-client/paper-fab-menu

Package Overview
Dependencies
17
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @advanced-rest-client/paper-fab-menu

A material design floating action button with menu items


Version published
Weekly downloads
6
increased by200%
Maintainers
1
Created
Weekly downloads
 

Changelog

Source

3.0.0 (2019-07-17)

Breaking

build

New

refactor

test

Update

  • Added new Travis configuration (8fa90aae250584ad0e17ded91c82a7658a4731d2)
  • removed vertical position, fixed an issue where it was possible to click on element when it was hidden (6d09e394fc5287bb1bdb56ad45e94e4d6302f269)
  • Removing @apply from styles (a9bcf8fa8ed88aff67b7496361c51481b8971e80)
  • Removing old files (2697718be5e5cd75a0fc7f4a377f95562cae9b2a)
  • Updating paths to match web spec (a6c1ab286edc89571a0787eb1a84a528fab5748d)
  • Upgrading dependencies (61fd0e3b0c1752165f230e7934d7b6ced74b3db8)

Readme

Source

Published on NPM

Build Status

Published on webcomponents.org

Material design: Floating Action Button

A floating action button represents the primary action in an application.

Use the <paper-fab-menu> to display menu-like fab buttons and to promote actions.

Example

<paper-fab-menu icon="add">
  <paper-fab mini title="Favorites" icon="star"></paper-fab>
  <paper-fab mini title="Refresh" icon="refresh"></paper-fab>
  <paper-fab mini title="Text label" label="D"></paper-fab>
</paper-fab-menu>

In a LitElement template

import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/paper-fab-menu/paper-fab-menu.js';

class SampleElement extends LitElement {
  render() {
    return html`
    <paper-fab-menu icon="add">
      <paper-fab mini title="Favorites" icon="star"></paper-fab>
      <paper-fab mini title="Refresh" icon="refresh"></paper-fab>
      <paper-fab mini title="Text label" label="D"></paper-fab>
    </paper-fab-menu>
    `;
  }
}
customElements.define('sample-element', SampleElement);

Styling

Style the menu using <paper-fab> variables.

The element uses --paper-fab-menu-background-color variable to set a background color or the main <paper-fab> element.

Development

git clone https://github.com/@advanced-rest-client/paper-fab-menu
cd paper-fab-menu
npm install

Running the demo locally

npm start

Running the tests

npm test

Keywords

FAQs

Last updated on 18 Jul 2019

Did you know?

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc