Modal
Modals are interactive boxes that can be used for giving reminders, complete certain actions and more.
Simple Modal
Only Supporting Text
Only Supporting Text
<div class="wrapper">
<p class="supporting-text">Only Supporting Text</p>
<div class="options linear">
<button class="only-text-btn">
Option 1
</button>
<button class="only-text-btn">
Option 2
</button>
</div>
</div>
<div class="wrapper">
<p class="supporting-text">Only Supporting Text</p>
<div class="options linear">
<button class="only-text-btn">
Option 1
</button>
</div>
</div>
Modal with title text
Supporting Text
Supporting Text
<div class="wrapper">
<header class="title">Title Text</header>
<p class="supporting-text"> Supporting Text</p>
<div class="options linear">
<button class="only-text-btn">
Option 1
</button>
<button class="only-text-btn">
Option 2
</button>
</div>
</div>
<div class="wrapper">
<header class="title">Title Text</header>
<p class="supporting-text"> Supporting Text</p>
<div class="options stacked">
<button class="only-text-btn">
Option 1
</button>
<button class="only-text-btn">
Option 2
</button>
</div>
</div>