vmware-clarity - 复制向导样式

Question

如何复制向导模式菜单？我喜欢向导模式的风格，但不需要向导的行为，即。步骤验证等

我目前正在使用clr-tree-node带有网格的菜单作为我的菜单，这让我接近向导风格，但如果能完全匹配它会很棒。

这就是我目前所拥有的：

<clr-modal [(clrModalOpen)]="display" [clrModalSize]="'lg'" [clrModalClosable]="true">
  <h3 class="modal-title">Preferences</h3>

  <div class="modal-body">
    <div class="row">
      <div class="col-md-4">
        <clr-tree-node *ngFor="let menuItem of menu" >
          <a class="clr-treenode-link" [class.active]="menuItem.id === activeMenuItem" (click)="toggleContent(menuItem)">{{menuItem.name}}</a>
          <ng-template [clrIfExpanded]="expandedCheck(menuItem.id)" *ngIf="menuItem | objectHas:'subMenu'">
            <clr-tree-node *ngFor="let subMenuItem of menuItem.subMenu">
              <a class="clr-treenode-link" [class.active]="subMenuItem.id === activeMenuItem" (click)="toggleContent(subMenuItem)">{{subMenuItem.name}}</a>
            </clr-tree-node>
          </ng-template>
        </clr-tree-node>
      </div>
      <div class="col-md-8">
        <form [formGroup]="form">
          <h4>General</h4>