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:
Card Wrapper
Allowed Child Components:
Action Button
Badge
Button
Button Dropdown
Card Header Icon
Change Role
Grid Personalization Menu
Gridster Personalization Menu
Icon
Icon Menu
Popover
Pulse
Query Param Indicator Icon
Quick Filter
Row
Saved Search Menu
Slide Toggle
Trigger Before Render
Trigger On Click
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:
left
right
top
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:
Light
Normal
Semi Bold
Bold
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:
Small
Normal
Large
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:
default
normal
thick
thicker
➤ Border Type
Select an option to change the type of a border
Allowed Values:
solid
dashed
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.
Last updated