--- name: modal url: /modal title: Modal ---
You can create a Modal with this basic HTML
Back in my days...
There were 3 Star Wars movies and Disney only made cartoons.
You can trigger the Modal close & open with a link or button
Use these classes to affect the width of the Modal
Foundation has some great helpers that foster better interaction between elements.
zf-close looks for a parent element that has the zf-closeable
tag on it. This tag is added automatically for all directives that can be closed with zf-close
. When clicked, the directive will send a message via the FoundationApi to close its parent zf-closeable
element.
Note that you can specify the ID of a specific closeable directive in order to close it remotely (whether it's a parent, child, or has any other relationship to the closeable directive).
The counter to zf-close
, zf-open
sends a signal to a directive that can be trigger through this method. Simply specify the ID of the target element.
Similar to the previous two, zf-toggle
sends a toggle command to a directive that can accept it. A target has to be specified in order for it to work.
Write a modal with a custom class using our Sass mixins. Note that the class for the modal overlay can't be changed.
You can customize with the Sass variables in the _settings.scss
file: