frontend/src/app/components/editor/node-picker/node-picker.component.html

<ion-list>
  <ion-item button (click)="onSelect('paragraph')">
    <ion-icon slot="start" name="menu"></ion-icon>
    <ion-label>Paragraph</ion-label>
  </ion-item>
  <ion-item button (click)="onSelect('header1')">
    <ion-icon slot="start" name="alert"></ion-icon>
    <ion-label>Heading 1</ion-label>
  </ion-item>
  <ion-item button (click)="onSelect('header2')">
    <ion-icon slot="start" name="alert"></ion-icon>
    <ion-label>Heading 2</ion-label>
  </ion-item>
  <ion-item button (click)="onSelect('header3')">
    <ion-icon slot="start" name="alert"></ion-icon>
    <ion-label>Heading 3</ion-label>
  </ion-item>
  <ion-item button (click)="onSelect('header4')">
    <ion-icon slot="start" name="alert"></ion-icon>
    <ion-label>Heading 4</ion-label>
  </ion-item>
  <ion-item button (click)="onSelect('ul')">
    <ion-icon slot="start" name="list"></ion-icon>
    <ion-label>Unordered List</ion-label>
  </ion-item>
  <ion-item button (click)="onSelect('block_code')">
    <ion-icon slot="start" name="information"></ion-icon>
    <ion-label>Monospace Block</ion-label>
  </ion-item>
  <ion-item button (click)="onSelect('click_link')">
    <ion-icon slot="start" name="link"></ion-icon>
    <ion-label>Hyperlink</ion-label>
  </ion-item>
  <ion-item button (click)="onSelect('database_ref')">
    <ion-icon slot="start" name="analytics"></ion-icon>
    <ion-label>Database</ion-label>
  </ion-item>
  <ion-item button (click)="onSelect('code_ref')">
    <ion-icon slot="start" name="code"></ion-icon>
    <ion-label>Code Editor</ion-label>
  </ion-item>
  <ion-item button (click)="onSelect('file_ref')">
    <ion-icon slot="start" name="document"></ion-icon>
    <ion-label>Upload Files</ion-label>
  </ion-item>
  <ion-item button (click)="onSelect('page_sep')">
    <ion-icon slot="start" name="remove"></ion-icon>
    <ion-label>Horizontal Row</ion-label>
  </ion-item>
</ion-list>