Documentation

Example: puyModal({title:'Test Title',heading:'Heading',message:'<p>This is sample message.</p>'})

General Attributes
Parameter Possible Values
type Currently Supported: video and iframe. If not set defaults to general
title Title of the Modal
heading If defined, appears as a H2 tag in the modal body. This can include HTML.
message Is placed in the body inside a paragraph tag. This can include HTML.
loadPage Takes a document location and loads it in the body. When using this, heading and message attributes are ignored
showHeader default to true. Set value false to hide header
showFooter default to false. Set value true to show footer
icon icons similar to fontawesome can be used. Possible Value: fab fa-js-square fa-3x
Sizing Parameters

Any attribute not used will be ignored (unless stated as default).

Parameter Possible Values
width width of the modal-dialog
maxWidth max-width of modal-dialog
height height of the modal-dialog
maxHeight max-height of modal-dialog
overflowY any type of overflow css value (e.g. 'scroll'). Defaults to 'auto'
Video Popups

Both these parameters are required

Parameter Possible Values
videoSource local, youtube, vimeo
embedTag File path (e.g. '/video/example.mp4') or Youtube's/Vimeo's video ID (e.g. 'YE7VzlLtp-4' for Youtube or '1084537' for vimeo)
Video Popups using class .puyVideo and element attributes

data-videoSource and data-href/href parameters are required

Parameter Possible Values
data-videoSource local, youtube, vimeo
data-href/href File path (e.g. '/video/example.mp4') or Youtube's/Vimeo's video ID (e.g. 'YE7VzlLtp-4' for Youtube or '1084537' for vimeo)
title Title of the popup