Skip to content

Item Title — Reference

Reference · Advanced · Framework7 8

Item Title settings and behavior. Settings include Title, Type, Text Color, Back Color.

Item Title settings and events. Select the component in App Structure to find these controls in Properties.

Name Description
TitleThe Title setting has no additional explanation in the component definition.
TypeHeading element type. Chooses which heading tag to use ( h1 through h6 ) depending on the component. Pick heading levels for proper document structure (SEO/accessibility) and use Bootstrap classes for visual styling. Bootstrap docs: Headings Options: Default, Stacked Label (item-label), Floating Label (item-floating-label) Default: "".
Text ColorOptions: 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 ColorOptions: 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: "".