# Button Dropdown

![Button Dropdown](https://1117313960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzMJAXNyRSI4WE3Jt4z%2Fsync%2F81c1c63b784adcd1128862f639f9cb7324691eea.png?generation=1600778693085313\&alt=media)

## Description:

Button Dropdown

Button Dropdown is used to display buttons in a drop down menu.

### Allowed Parent Components:

1. Card Body
2. Card Footer
3. Card Header
4. Card Table Column
5. Col
6. Form
7. Tab Item

### Allowed Child Components:

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

### Properties

### ➤ Text

Enter a name for the Button Dropdown. e.g. Actions, More etc.

Allowed Values: An expression which should return string after evaluation

### ➤ Icon

Use the icons to display images to represent the component

Allowed Values: Icon List

### ➤ Tool Tip

A message which appears when a cursor is positioned over.

Allowed Values: An expression which should return string after evaluation

### ➤ Tool Tip Position

Select an option to change the placement of the tooltip when appears.

Allowed Values:

1. left
2. right
3. top
4. bottom

### ➤ On Click

Allowed Values: Controller Function

### ➤ Button Size

Select an option to change the size of the button.

Allowed Values:

1. Small
2. Default
3. Large

### ➤ Placement

Select an option for the placement of the button.

Allowed Values:

1. Top
2. Bottom

### ➤ Color

Select a color or enter the custom class to change the color of the button.

Allowed Values: Select a color or enter the custom class to change the color of the button.

### ➤ Class Name Expression

Allowed Values: An expression which should return string after evaluation

### ➤ Show As Link

Check this property to show the button as an HTML link.

Allowed Values: Yes/No

### ➤ Block

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

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