Skip to content

Instantly share code, notes, and snippets.

@danielkuhlwein

danielkuhlwein/content-header.html

Last active June 14, 2018 20:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save danielkuhlwein/8007329af4ea3c51c29bee5ef0f14e0a to your computer and use it in GitHub Desktop.
Save danielkuhlwein/8007329af4ea3c51c29bee5ef0f14e0a to your computer and use it in GitHub Desktop.
Download ZIP
Content Header
Raw
content-header.html
<mat-card id="content-header" class="p-1d d-inline-flex flex-wrap shadow"
[ngClass]="{'bl-3-red': status === 'red',
'bl-3-yellow': status === 'yellow',
'bl-3-green': status === 'green'}">
<div id="content-header-row" class="my-auto d-inline-flex flex-wrap"
[ngClass]="{'flex-row-reverse': alignRight}">
<ng-content></ng-content>
</div>
</mat-card>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment