<!-- Secondary Button -->
<button class="bx-btn--secondary">Secondary Button</button>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>primary-button</title>
  <link rel="stylesheet" href="../../../pattern-library.css">
  <meta name="viewport" content="width=device-width">
</head>
<body>
  <!-- Secondary Button -->
  <button class="bx-btn--secondary" type="button">Secondary Button</button>

  <!-- Icon Secondary Button -->
  <button class="bx-btn--secondary icon-cancel" type="button">secondary button with icon</button>

  <!-- Submit Secondary Button-->
  <!-- Will there ever be a secondary submit button? -->
  <!-- <button class="bx-btn-secondary" type="submit">submit</button> -->

  <!-- Reset Secondary Button -->
  <button class="bx-btn--secondary" type="reset">reset</button>

  <!-- Disabled Secondary Button -->
  <button disabled class="bx-btn--secondary" type="button">disabled</button>
</body>
</html>

Add more secondary buttons based on type attr
Add more secondary buttons based on type attr
