# Advanced Button Block

Lets you add a fully customizable button block in Gutenberg editor.

## Description

The plugin enables user to add buttons with advanced settings in Gutenberg editor. This button is similar to default Gutenberg button but it has many extra settings.

It is possible to add fancy hover animations such as grow, shrink, wobble, float... There are also settings for hover background, hover background transition, border radius, button size.

It is possible to add custom styles for button or button's hover state. It is also possible to set the button to open in new tab.

[Advanced Button Block](https://wordpress.org/plugins/advanced-button-block/) on WordPress.org.

## Contribution

Anyone is welcome to contribute or submit issues in this repo.

## Development

This project was bootstrapped with [Create Guten Block](https://github.com/ahmadawais/create-guten-block).

Below you will find some information on how to run scripts.

>You can find the most recent version of this guide [here](https://github.com/ahmadawais/create-guten-block).

### 👉  `npm start`
- Use to compile and run the block in development mode.
- Watches for any changes and reports back any errors in your code.

### 👉  `npm run build`
- Use to build production code for your block inside `dist` folder.
- Runs once and reports back the gzip file sizes of the produced code.

### 👉  `npm run eject`
- Use to eject your plugin out of `create-guten-block`.
- Provides all the configurations so you can customize the project as you want.
- It's a one-way street, `eject` and you have to maintain everything yourself.
- You don't normally have to `eject` a project because by ejecting you lose the connection with `create-guten-block` and from there onwards you have to update and maintain all the dependencies on your own.