pwix:plus-button

What is it

A simple Blaze component for Meteor which provides a circled-'+' button.

Why this package?

Well because we cannot just copy a Blaze component in each and every package or application which would need it:

first, because this is always a bad idea to just duplicate code, as this obviously also duplicates maintenance efforts and bugs
second, because Blaze has a single namespace per application, and so refuses to have a duplicated component name.

This is a client-only package.

Very simple:

    {{> plusButton }}

    'click .plusButton'( event, instance ){

    }

The pwix:plus-button package comes with a default absolute positioning:

    .plusButton {
        position: absolute;
        top: 1em;
        right: 1em;
    }

This configuration expects the parent container have a relative position itself.

See that as an example. You will most probably override this positioning in your own stylesheet.

None at the moment.

The package exports the PlusButton global object.

A simple circled-'plus' button.

The component is configurable with an object passed as an argument, which may contain:

classes:

The classes to set on the button element.

Defaults to btn btn-primary.
enabled:

A ReactiveVar.

If provided, then the button will be enabled (resp. disabled) if the ReactiveVar evaluates as truthy (resp. falsy).

When not provided, the button is enabled.
label:

The label of the displayed button as a HTML string.

Defaulting to a big plus '+'.

shape:

The shape of the displayed button.

Allowed values are:

  - `PlusButton.C.Shape.CIRCLE`
  - `PlusButton.C.Shape.RECTANGLE`

Defaults to PlusButton.C.Shape.CIRCLE.

This package has no NPM dependencies.

P. Wieser