Popover & Callout

Popover

Uses an HTML element to show it within an small layout within any component.

Example

• Reference Implementation: DApp List

<div class="evan-popover top-right">
  ...
</div>

View Example

Callout

Uses an ion-select and removes the default select styles to show only a simple callout.

Example

• Reference Implementation: SplitPaneComponent

<ion-select class="evan-callout" interface="popover" #rootDAppSelect
  [(ngModel)]="rootDAppSelectValue"
  [selectOptions]="footerSelectOptions"
  (ionChange)="openDApp(rootDAppSelect)">
  <ion-option *ngFor="let rootDApp of rootDApps"
    [value]="rootDApp">
    {{ rootDApp?.translated.name }}
  </ion-option>
</ion-select>

View Example