Tab Link — Reference
Tab Link settings and behavior. Settings include ID, Link, Transition, Text.
Tab Link
Section titled “Tab Link”Tab 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. |
| Tab Link | 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. |