Skip to Main Content

Pelican Design System icon Pelican Design System Page Actions Button

Page Actions Button

Page Actions allow users perform various actions.

On this page:

Usage

  • Page Action Buttons allows the user to print, email, or share the page they are reading.
  • They can go before and after the main body content of the page.
<div class="row">
<div class="col-12">
<button type="button" class="btn btn-outline-ui">
<span class="fas fa-print mr-1 me-1" aria-hidden="true"></span>Print
</button>
<button type="button" class="btn btn-outline-ui mx-2">
<span class="fas fa-envelope-open mr-1 me-1" aria-hidden="true"></span>Email
</button>
<button type="button" class="btn btn-outline-ui">
<span class="fas fa-share-alt mr-1 me-1" aria-hidden="true"></span>Share
</button>
</div>
</div>

Resources

Page top