Installation
Install the component
templui add modal
Add the JavaScript to your layout
@modal.Script()
Call this template in your base layout file (e.g., in the <head> section).
API Reference
Required parameter
Hover for description
Modal
Main modal container component.
Name | Type | Default |
---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Trigger
Element that triggers the modal to open.
Name | Type | Default |
---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Close
Element that closes the modal.
Name | Type | Default |
---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
Header
Header section of the modal.
Name | Type | Default |
---|---|---|
|
|
|
|
|
|
|
|
|
Body
Body/content section of the modal.
Name | Type | Default |
---|---|---|
|
|
|
|
|
|
|
|
|