Skip to content

List Link Item — Reference

Reference · Advanced · Framework7 8

List Link Item settings and behavior. Settings include ID, Link, Transition, Text Color.

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

Name Description
IDAttribute: id.
LinkAttribute: href.
TransitionOptions: Default, Circle (f7-circle), Cover (f7-cover), Cover Vert (f7-cover-v), Dive (f7-dive), Fade (f7-fade), Flip (f7-flip), Parallax (f7-parallax), Push (f7-push) Default: "". Attribute: data-transition.
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: "".
AnimationOptions: Default, None (no-animation), Enable (with-animation) Default: "".
TooltipAttribute: title.
Icon OnlyDefault: false.
ExternalDefault: false.
Name Description
ActionOptions: None, Back (back), Open Card (card-open), Close Card (card-close), Open Panel (panel-open), Close Panel (panel-close), Toggle Panel (panel-toggle), Open Popover (popover-open), Close Popover (popover-close), Open Popup (popup-open), Close Popup (popup-close), Open Login (login-screen-open), Close Login (login-screen-close) Default: "".
CardOptions: None Default: "". Attribute: href.
PanelOptions: Right (right), Left Default: "". Attribute: data-panel.
PopoverOptions: Default Default: "". Attribute: data-popover.
PopupOptions: Default Default: "". Attribute: data-popup.
Login ScreenOptions: Default Default: "". Attribute: data-login-screen.
Name Description
LinkChoose dynamic data binding.