fun-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 | Type | Default |
|---|---|---|---|---|---|
| closeButton | close-button | false | Should the modal have a close button | boolean | true |
| heroColor | hero-color | false | Set the colour of the hero background | "brand" | "info" | "neutral" | 'neutral' |
Events
| Name | Description |
|---|---|
funModalClose | Occurs when the close button is clicked. |
Slots
| Name | Description |
|---|---|
| content | main content |
| hero | hero content |
Parts
| Name | Description |
|---|---|
| content | Allows styling the content panel |
| hero | Allows styling the hero panel |
Dependencies
Depends on
This documentation page generated from the source at fun-hero-modal.tsx
