Skip to content

Text — Reference

Reference · Advanced · Framework7 8

Text settings and behavior. Settings include Text, Back Color.

Use it when a list item needs one short trailing value such as status, count, or price without introducing a heavier badge or extra content block.

Name Description
TextThe Text setting has no additional explanation in the component definition.
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: "".