# Button Group

## Description:

Button Group

Button Group can be used as a container for a group of buttons

### Allowed Parent Components:

1. Card Body
2. Card Table Column
3. Col
4. Form

### Allowed Child Components:

1. Action Button
2. Button
3. Popover
4. Pulse
5. Trigger Before Render

### Properties

### ➤ Button Size

Select an option to change the size of the buttons.

Allowed Values:

1. lg
2. md
3. sm

### ➤ Block

Check this to get the content in a new row with 100% width.

Allowed Values: Yes/No

### ➤ Vertical

Check this property to render buttons vertically.

Allowed Values: Yes/No

### ➤ Margin

Select a value to add margin on all four sides of the component. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.

Allowed Values: Any number value

### ➤ Margin Bottom

Select a value to add margin on the bottom of the component.

Allowed Values: Any number value

### ➤ Margin Left

Select a value to add margin on the left of the component.

Allowed Values: Any number value

### ➤ Margin Right

Select a value to add margin on the right of the component.

Allowed Values: Any number value

### ➤ Margin Top

Select a value to add margin on the top of the component.

Allowed Values: Any number value

### ➤ Padding

Select a value to add padding on all four sides of the component. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.

Allowed Values: Any number value

### ➤ Padding Bottom

Select a value to add padding in the bottom of the component.

Allowed Values: Any number value

### ➤ Padding Left

Select a value to add padding in the left of the component.

Allowed Values: Any number value

### ➤ Padding Right

Select a value to add padding in right of the component.

Allowed Values: Any number value

### ➤ Padding Top

Select a value to add padding in top of the component.

Allowed Values: Any number value