ceri-fab

A flexible fixed-action-button menu. Only usable as a mixin for other ceri components/widgets.

Demo

Install

npm install --save-dev ceri-fab ceri-tooltip ceri-icon

Usage

setup webpack for ceri-icon.

Include the icons you need.

  ...
  mixins: [
    require("ceri-fab")(require("ceri-fab/materialize"))
  ]
  ...
  fab:
    rename:
      if: -> true
      onClick: "renameClick"
  data: ->
    text:
      rename: "Rename" # tooltip text
    icon:
      rename: "ma-mode_edit" # icon (uses ceri-icon)
    classes:
      renameButton: "green"
  methods:
    renameClick: ->

Themes

Materialize

• setup ceri-materialize

• load theme file

require("ceri-fab")(require("ceri-fab/materialize"))

For example see dev/materialize.

Development

Clone repository.

npm install
npm run dev

Browse to http://localhost:8080/.

Notable changes

0.2.0

• use ceri-materialize@2

License

Copyright (c) 2017 Paul Pflugradt Licensed under the MIT license.