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="icon fas fa-print me-1" aria-hidden="true"></span>Print
    </button>
    <button type="button" class="btn btn-outline-ui mx-2">
      <span class="icon fas fa-envelope-open me-1" aria-hidden="true"></span>Email
    </button>
    <button type="button" class="btn btn-outline-ui">
      <span class="icon fas fa-share-alt me-1" aria-hidden="true"></span>Share
    </button>
  </div>
</div>

Resources

Page top