Botões
Normal

<button type="button" class="btn gmd btn-default">Default</button>
<button type="button" class="btn gmd btn-primary gmd-ripple">Primary</button>
<button type="button" class="btn gmd btn-success gmd-ripple">Success</button>
<button type="button" class="btn gmd btn-info gmd-ripple">Info</button>
<button type="button" class="btn gmd btn-warning gmd-ripple">Warning</button>
<button type="button" class="btn gmd btn-danger gmd-ripple">Danger</button>
<button type="button" class="btn gmd btn-link gmd-ripple">Link</button>
Raised

<button type="button" class="btn gmd raised btn-default gmd-ripple">Default</button>
<button type="button" class="btn gmd raised btn-primary gmd-ripple">Primary</button>
<button type="button" class="btn gmd raised btn-success gmd-ripple">Success</button>
<button type="button" class="btn gmd raised btn-info gmd-ripple">Info</button>
<button type="button" class="btn gmd raised btn-warning gmd-ripple">Warning</button>
<button type="button" class="btn gmd raised btn-danger gmd-ripple">Danger</button>
Disabled

<button type="button" class="btn gmd btn-default" disabled="disabled">Default</button>
<button type="button" class="btn gmd btn-primary" disabled="disabled">Primary</button>
<button type="button" class="btn gmd btn-success" disabled="disabled">Success</button>
<button type="button" class="btn gmd btn-info" disabled="disabled">Info</button>
<button type="button" class="btn gmd btn-warning" disabled="disabled">Warning</button>
<button type="button" class="btn gmd btn-danger" disabled="disabled">Danger</button>
<button type="button" class="btn gmd btn-link" disabled="disabled">Link</button>
Float Action Button
  • Tags loyalty
  • Mensagens drafts


<button type="button" class="btn gmd fab btn-primary gmd-ripple">
  <i class="material-icons">add</i>
</button>
<button type="button" class="btn gmd fab btn-success gmd-ripple">
  <i class="material-icons">add</i>
</button>
<button type="button" class="btn gmd fab btn-info gmd-ripple">
  <i class="material-icons">add</i>
</button>
<button type="button" class="btn gmd fab btn-warning gmd-ripple">
  <i class="material-icons">add</i>
</button>
<button type="button" class="btn gmd fab btn-danger gmd-ripple">
  <i class="material-icons">add</i>
</button>
<button type="button" class="btn btn-success gmd fab fixed gmd-ripple">
  <i class="material-icons">add</i>
</button>
Action Button Multi Items

Atributo fixed deixa o botão sempre fixo rodapé da página.
Atributo force-click obriga ou não o click para abrir as opções.
Na tab ul você pode adicionar o atributo left que as opções irão abrir na esquerda.

  • Segurança https
  • Tags loyalty
  • Mensagens drafts
  • Segurança directions_boat
  • Tags loyalty
  • Mensagens drafts
  • Tags loyalty
  • Mensagens drafts
  • Tags loyalty
  • Mensagens drafts


<gmd-fab force-click="false" fixed>
  <button class="bg-primary gmd-ripple"><span class="material-icons">add</span></button>
  <ul> <!--coloque left para abrir a esquerda -->
    <li class="btn-danger">
      <span>Segurança</span>
      <i class="material-icons gmd-ripple">https</i>
    </li>
    <li class="bg-primary">
      <span>Tags</span>
      <i class="material-icons gmd-ripple">loyalty</i>
    </li>
    <li class="btn-primary">
      <span>Mensagens</span>
      <i class="material-icons gmd-ripple">drafts</i>
    </li>
    <li class="btn-warning">
      <span>Segurança</span>
      <i class="material-icons gmd-ripple">directions_boat</i>
    </li>
  </ul>
</gmd-fab>
Raised Checkbox

<div class="btn-group">
  <label class="btn gmd raised btn-default gmd-ripple"
        ng-model="radioModel"
        uib-btn-radio="'Left'" uncheckable>Left</label>
  <label class="btn gmd raised btn-default gmd-ripple"
        ng-model="radioModel"
        uib-btn-radio="'Middle'" uncheckable>Middle</label>
  <label class="btn gmd raised btn-default gmd-ripple"
        ng-model="radioModel"
        uib-btn-radio="'Right'" uib-uncheckable="uncheckable">Right</label>
</div>
Raised Radio & Uncheckable Radio

<div class="btn-group">
  <label class="btn gmd raised btn-primary gmd-ripple" ng-model="checkModel.left" uib-btn-checkbox>Left</label>
  <label class="btn gmd raised btn-primary gmd-ripple" ng-model="checkModel.middle" uib-btn-checkbox>Middle</label>
  <label class="btn gmd raised btn-primary gmd-ripple" ng-model="checkModel.right" uib-btn-checkbox>Right</label>
</div>