Hero Modal
A hero modal is used to show extra information as well as the actual content, for instance a preview or a flashy animation.
This component is for the actual dialog. It is designed to work together with the fun-modal-controller component.
See the Modals page for more details of using modals with further examples.
Examples
Specifications
Properties
| Property | Attribute | Required | Description |
|---|---|---|---|
| closeButton | close-button | Should the modal have a close button | |
| heroColor | hero-color | Set the colour of the hero background |
Events
| Name | Description |
|---|---|
| funModalClose | Occurs when the close button is clicked. |
Slots
| Name | Description |
|---|---|
| content | main content |
| hero | hero content |
