UseSpeakModules

UseSpeakDirectives

<!-- BackButton and Buttons -->
<sc-back-button>Back</sc-back-button>
<button scButton="primary">Primary</button>
<button scButton [isFullWidth]="true">Full width</button>

<!-- Tabs -->
<sc-tab-group variant="switch">
  <sc-tab label="Tab 1">

    <sc-icon icon="about" title="about" size="xxxlarge">about</sc-icon><br />
  </sc-tab>
  <sc-tab label="Tab 2">
    <sc-progress-indicator-panel [show]="true">
      <!-- Content goes here -->
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
    </sc-progress-indicator-panel>
  </sc-tab>
  <sc-tab label="Disabled tab" [disabled]="true">
    <p>Disabled tab.</p>
  </sc-tab>
</sc-tab-group>

<!-- Tables -->
<table scTable>
    <thead>
      <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>Mark</td>
        <td>Otto</td>
      </tr>
      <tr>
        <td>2</td>
        <td>Jacob</td>
        <td>Thornton</td>
      </tr>
    </tbody>
  </table>