Class MJViewToggleComponent

mj-view-toggle — Compact icon-only segmented control for view-mode selection (grid / list / tree / card etc.). Visually smaller than <mj-tab-nav> to signal "this is a view setting, not page navigation".

Example:

<mj-view-toggle
  [Options]="viewOptions"
  [ActiveKey]="viewMode"
  (KeyChange)="setViewMode($event)">
</mj-view-toggle>

// In the component:
viewOptions = [
  { key: 'grid', icon: 'fa-solid fa-grip',        title: 'Grid View' },
  { key: 'list', icon: 'fa-solid fa-list',        title: 'List View' },
  { key: 'tree', icon: 'fa-solid fa-folder-tree', title: 'Category Tree View' },
];
Copy