Link — Reference
Link settings and behavior. Settings include ID, Link, Transition, Text.
Link settings and events. Select the component in App Structure to find these controls in Properties.
| Name | Description |
|---|---|
| ID | Attribute: id. |
| Link | Attribute: href. |
| Transition | Options: 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 | The Text setting has no additional explanation in the component definition. |
| 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: "". |
| Animation | Options: Default, None (no-animation), Enable (with-animation) Default: "". |
| Tooltip | Attribute: title. |
| Icon Only | Default: false. |
| External | Default: false. |
Action
Section titled “Action”| Name | Description |
|---|---|
| Action | Options: 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: "". |
| Card | Options: None Default: "". Attribute: href. |
| Panel | Options: Right (right), Left Default: "". Attribute: data-panel. |
| Popover | Options: Default Default: "". Attribute: data-popover. |
| Popup | Options: Default Default: "". Attribute: data-popup. |
| Login Screen | Options: Default Default: "". Attribute: data-login-screen. |