armorpreston

// ...
  public badgeOptions: IBadge[] = [
    new Badge('Corgi', 'badge-primary', 'God save the queen and her dogs', null, {name: 'Stumpy'}),
    new Badge('Shiba Inu', 'badge-default', 'Dogs raised on sushi still don\'t use chopsticks', null, {name: 'Doge'}),
    new Badge('Pug', 'badge-danger', 'Your scientists were so preoccupied with whether or not they could...', null, {name: 'Snorelax'}),
    new Badge('King Charles Spaniel', 'badge-success', '"Derp derp derp" is what the toy cavalier says', null, {name: 'Chuck'}),
    new Badge('Great Dane', 'badge-info', 'Hip replacement surgery insurance recommended', null, {name: 'Scooby'}),
    new Badge('French Bulldog', 'badge-warning', 'A wine, a kiss, and a bulldog walk into a bar...', null, {name: 'Napoleon'})
  ];

armorpreston

<button class="btn my-4"
        [modalId]="'simple-modal'"
        [modalTrigger]="simpleExample"
        (activated$)="activeModal = $event"
        (completed$)="onComplete($event)">
        <!-- [modalId], (activated$), and (completed$) are optional  -->
  show modal
</button>

<ng-template #simpleExample let-reject="dismiss" let-resolve=close>

armorpreston

<date-picker [markDisabled]="markDateDisabled.bind(this)"></date-picker>

armorpreston

<breadcrumb #breadcrumb></breadcrumb>

armorpreston

Before

• Full story JS is loading from www.fullstory.com

After

• Full story JS is loading from edge.fullstory.com
• still POSTing page & bundle

armorpreston

To disable the dropdown options. you can set [hasQuickNav]="false"

Example: Incident Detail

Before

armorpreston

import { Component } from '@angular/core';

@Component({
  templateUrl: './example.html'
})

export class ReadMoreExampleComponent {
  public content = `<b>Lorem ipsum dolor sit amet</b>, sed do eiusmod tempor incididunt ut labore et 
  dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute 
  <a href="#">consectetur adipiscing elit</a> irure dolor in reprehenderit in voluptate velit esse cillum dolore 

armorpreston

<http-type-ahead [service]="wikipediaService"></http-type-ahead>

armorpreston

<div class="card">
  <div class="card-body">
    <http-type-ahead [service]="accountSearchSelectService"></http-type-ahead>

    <ul class="list-group list-group-compact">
      <li *ngFor="let account of accountSearchSelectService.selected" class="list-group-item flex justify-content-between">
        <div>{{ account?.name }}</div>
        <div (click)="accountSearchSelectService.remove(account)" class="cursor-pointer"><i class="ico ico-delete"></i></div>
      </li>
    </ul>

armorpreston

<ul class="stat-list-inline">
    <li><badge>4</badge> <label>CPU</label></li>
    <li><badge>4</badge><label>GB MEM</label></li>
    <li><badge>30</badge><label>GB HDD</label></li>
</ul>