BUTTON WIDGET

An Apostrophe CMS module to provide a customizable button for content. Allows for three configurable, preset styles, as well as size customization and optional image icon upload. Also supports font-awesome class styles.

GETTING STARTED

Prerequisites

In order to use this module, you should have:

• NPM
• ApostropheCMS

Installing

From within your apostrophe project directory, run npm install --save ec-button-widgets

Include widget in projects' app.js file:

  modules: {
    'ec-button-widgets': {},
    // ... other modules
}

Configuration

Colors

In css/variables.less, colors are assigned to variable names like this:

@button-color-1: #861f41;
@button-color-2: #6dc6e8;

These hex values can be edited without impacting the functionality. These values are used to configure the background and content colors of the quote. The names of the colors can be changed in index.js in the btn_color field.

Button Size

In css/variables.less, button size options can be changed by changing the values given in button_size_#

Font Size

In index.js, the font size minimum, maximum, and step, can all be changed in the field btn_font_size

License

This project is licensed under the MIT License - see the LICENSE.md file for details.