# Card Header

## Description:

Card Header

Use this component to add header text, icon and background color to the Card. You can also add buttons/trigger to this component.

### Allowed Parent Components:

1. Card Wrapper

### Allowed Child Components:

1. Action Button
2. Badge
3. Button
4. Button Dropdown
5. Card Header Icon
6. Change Role
7. Grid Personalization Menu
8. Gridster Personalization Menu
9. Icon
10. Icon Menu
11. Popover
12. Pulse
13. Query Param Indicator Icon
14. Quick Filter
15. Row
16. Saved Search Menu
17. Slide Toggle
18. Trigger Before Render
19. Trigger On Click
20. Wave

### Properties

### ➤ Title

A more readable name for the title. It doesn't have to be unique, and can include spaces and special characters.

Allowed Values: An expression which should return string after evaluation

### ➤ Separator

Select this property if separator is needed between header and body.

Allowed Values: Yes/No

### ➤ Collapsible

Select this property if collapsible is needed for body to toggle.

Allowed Values: Yes/No

### ➤ Collapsed

Select this property to collapse body.

Allowed Values: Yes/No

### ➤ Maximizable

Select this property if maximize is needed for body.

Allowed Values: Yes/No

### ➤ 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

### ➤ Background Color

Allowed Values: Color

### ➤ All Caps

Select this property for capitalizing the text.

Allowed Values: Yes/No

### ➤ Text Color

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

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

### ➤ Font Weight

This property sets how thick or thin characters in text should be displayed.

Allowed Values:

1. Light
2. Normal
3. Semi Bold
4. Bold
5. Default

### ➤ Hint Text

Check this property to fade the font color of the text.

Allowed Values: Yes/No

### ➤ Italic

Check this property to change the font style of the text to italic.

Allowed Values: Yes/No

### ➤ Muted

Check this property to change the color of the font to light grey.

Allowed Values: Yes/No

### ➤ No Decoration

Check this property to remove decoration of the text

Allowed Values: Yes/No

### ➤ Overflow Ellipsis

Check this property to show hidden overflow content as an ellipsis ('…').

Allowed Values: Yes/No

### ➤ Text Size

Select an option to change the size of the text.

Allowed Values:

1. Small
2. Normal
3. Large
4. Default

### ➤ Border Top

Select this to add a border on top

Allowed Values: Yes/No

### ➤ Border Right

Select this to add a border on right

Allowed Values: Yes/No

### ➤ Border Bottom

Select this to add a border on bottom

Allowed Values: Yes/No

### ➤ Border Left

Select this to add a border on left

Allowed Values: Yes/No

### ➤ Border Width

Select an option to change the width of a border

Allowed Values:

1. default
2. normal
3. thick
4. thicker

### ➤ Border Type

Select an option to change the type of a border

Allowed Values:

1. solid
2. dashed
3. dotted

### ➤ Border Color

Select a color or enter the custom class to set the color on the sides of the element's border.

Allowed Values: Select a color or enter the custom class to set the color on the sides of the element's border.