mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-02-23 02:16:23 +00:00
54 lines
2.3 KiB
HTML
54 lines
2.3 KiB
HTML
|
|
<div ng-controller="AppCtrl">
|
|
<md-content >
|
|
|
|
<section layout="row" layout-sm="column" layout-align="center center">
|
|
<md-button>{{title1}}</md-button>
|
|
<md-button md-no-ink class="md-primary">Primary (md-noink)</md-button>
|
|
<md-button ng-disabled="true" class="md-primary">Disabled</md-button>
|
|
<md-button class="md-warn">{{title4}}</md-button>
|
|
</section>
|
|
|
|
<section layout="row" layout-sm="column" layout-align="center center">
|
|
<md-button class="md-raised">Button</md-button>
|
|
<md-button class="md-raised md-primary">Primary</md-button>
|
|
<md-button ng-disabled="true" class="md-raised md-primary">Disabled</md-button>
|
|
<md-button class="md-raised md-warn">Warn</md-button>
|
|
<div class="label">raised</div>
|
|
</section>
|
|
|
|
<section layout="row" layout-sm="column" layout-align="center center">
|
|
<md-button class="md-fab" aria-label="Time">
|
|
<md-icon icon="/img/icons/ic_access_time_24px.svg" style="width: 24px; height: 24px;"></md-icon>
|
|
</md-button>
|
|
|
|
<md-button class="md-fab" aria-label="New document">
|
|
<md-icon icon="/img/icons/ic_insert_drive_file_24px.svg" style="width: 24px; height: 24px;"></md-icon>
|
|
</md-button>
|
|
|
|
<md-button class="md-fab" ng-disabled="true" aria-label="Comment">
|
|
<md-icon icon="/img/icons/ic_comment_24px.svg" style="width: 24px; height: 24px;"></md-icon>
|
|
</md-button>
|
|
|
|
<md-button class="md-fab md-primary" md-theme="cyan" aria-label="Profile">
|
|
<md-icon icon="/img/icons/ic_people_24px.svg" style="width: 24px; height: 24px;"></md-icon>
|
|
</md-button>
|
|
<div class="label">FAB</div>
|
|
</section>
|
|
|
|
<section layout="row" layout-sm="column" layout-align="center center">
|
|
<md-button ng-href="{{googleUrl}}" target="_blank">Go to Google</md-button>
|
|
<md-button>RSVP</md-button>
|
|
</section>
|
|
|
|
<section layout="row" layout-sm="column" layout-align="center center">
|
|
<md-button class="md-primary md-hue-1">Primary Hue 1</md-button>
|
|
<md-button class="md-warn md-raised md-hue-2">Warn Hue 2</md-button>
|
|
<md-button class="md-accent">Accent</md-button>
|
|
<md-button class="md-accent md-raised md-hue-3">Accent Hue 3</md-button>
|
|
<div class="label">Themed</div>
|
|
</section>
|
|
|
|
</md-content>
|
|
</div>
|