Card Header — Reference

Reference · Advanced · Framework7 8

Card Header settings and behavior. Settings include Title, Text Color, Back Color, Align Items.

Card Header

Card Header settings and events. Select the component in App Structure to find these controls in Properties.

Name	Description
Title	Text for the card header. Sets the card header content. Use card headers for labels, navigation, or contextual info above the card body. Bootstrap docs: Card
Text Color	Options: Default, Red (text-color-red), Green (text-color-green), Blue (text-color-blue), Pink (text-color-pink), Yellow (text-color-yellow), Orange (text-color-orange), Purple (text-color-purple), Deep Purple (text-color-deeppurple), Light Blue (text-color-lightblue), Teal (text-color-teal), Lime (text-color-lime), Deep Orange (text-color-deeporange), Gray (text-color-gray), White (text-color-white), Black (text-color-black) Default: "".
Back Color	Options: Default, Red (bg-color-red), Green (bg-color-green), Blue (bg-color-blue), Pink (bg-color-pink), Yellow (bg-color-yellow), Orange (bg-color-orange), Purple (bg-color-purple), Deep Purple (bg-color-deeppurple), Light Blue (bg-color-lightblue), Teal (bg-color-teal), Lime (bg-color-lime), Deep Orange (bg-color-deeporange), Gray (bg-color-gray), White (bg-color-white), Black (bg-color-black) Default: "".
Align Items	Options: Default, Start (align-items-flex-start), End (align-items-flex-end), Center (align-items-center), Stretch (align-items-stretch) Default: "".
No Border	Default: false.