# Button

Button is a built in user component so users can add buttons to their email designs. It comes with the following features :

* **Basic**

| Properties  | Default value                                     | Description                                                                                                       |
| ----------- | ------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------- |
| Action      | <p>Click URL - NULL<br>Open URL in - Same tab</p> | User can add the URL to open on button click. User can also specify whether to open URL in same tab or a new one. |
| Button text | CLICK ME                                          | User can add the text which is to appear on button.                                                               |
| Font size   | 16px                                              | User can increase or decrease the button text's font size.                                                        |

* **Size**

| Property | Default value | Description                                        |
| -------- | ------------- | -------------------------------------------------- |
| Width    | auto          | User can adjust button's width according to need.  |
| Height   | auto          | User can adjust button's height according to need. |

* **Spacing**

| Property  | Default value   | Description                                                                                                                       |
| --------- | --------------- | --------------------------------------------------------------------------------------------------------------------------------- |
| Alignment |  center         | User can align button to left, center or right.                                                                                   |
| Margin    | 0px 0px 0px 0px | User can choose to keep uniform or non-uniform margin from all sides of parent element and can increase or decrease accordingly.  |
| Padding   | 5px 5px 5px 5px | User can choose to keep uniform or non-uniform padding from all sides of parent element and can increase or decrease accordingly. |

* **Decoration**

| Property   | Default value                             | Description                                    |
| ---------- | ----------------------------------------- | ---------------------------------------------- |
| Background | #00000000                                 | User can choose image/color for background.    |
| Border     | 0px solid black                           | User can adjust border radius, type and color. |
| Color      | <p>Button - #757de8<br>Text - #ffffff</p> | User can change button and text color.         |
