Button settings and events. Select the component in App Structure to find these controls in Properties.
| Name |
Description |
| Title | The Title setting has no additional explanation in the component definition. |
| Active | Default: false. |
| Fill | Default: false. |
| Round | Default: false. |
| Small | Default: false. |
| Large | Default: false. |
| Raised | Default: false. |
| Outline | Default: false. |
| 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: "". |
| Button Color | Options: Default, Red (color-red), Green (color-green), Blue (color-blue), Pink (color-pink), Yellow (color-yellow), Orange (color-orange), Purple (color-purple), Deep Purple (color-deeppurple), Light Blue (color-lightblue), Teal (color-teal), Lime (color-lime), Deep Orange (color-deeporange), Gray (color-gray), White (color-white), Black (color-black) Default: "". |
| 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. |
| Animation | Options: Default, None (no-animation), Enable (with-animation) Default: "". |
| Tooltip | Attribute: title. |
| Icon Only | Default: false. |
| External | Default: false. |
| 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. |
