diff options
1 files changed, 14 insertions, 1 deletions
| -rw-r--r-- | docs/components.html | 15 |
diff --git a/docs/components.html b/docs/components.html index 500b15f..fb2ddd8 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1387,7 +1387,7 @@ <a href="#example-modal-3" class="btn btn-primary">Open large size Modal</a> <div class="modal modal-lg" id="example-modal-3"> <a href="#modals-sizes" class="modal-overlay" aria-label="Close"></a> - <div class="modal-container" role="document"> + <div class="modal-container modal-fullheight" role="document"> <div class="modal-header"> <a href="#modals-sizes" class="btn btn-clear float-right" aria-label="Close"></a> <div class="modal-title h5">Modal title</div> @@ -1427,6 +1427,19 @@ <<span class="tag">/div</span>> </code></pre> + <div class="docs-note"> + <p>Add the <code>modal-fullheight</code> class to <code>modal-container</code> to have a 100% viewport height modal. The default container max height is <code>75vh</code>.</p> + </div> + +<!-- modals --> +<pre class="code" data-lang="HTML"><code><<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"modal"</span>> + <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#close"</span> <span class="atn">class</span>=<span class="atv">"modal-overlay"</span> <span class="atn">aria-label</span>=<span class="atv">"Close"</span>><<span class="tag">/a</span>> + <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"modal-container modal-fullheight"</span>> + <span class="com"><!-- modal structure here --></span> + <<span class="tag">/div</span>> +<<span class="tag">/div</span>> +</code></pre> + </div> <div id="navs" class="container"> |