File

src/app/components/account-tab-menu/account-tab-menu.component.ts

Implements

OnInit

Metadata

selector account-tab-menu
styleUrls ./account-tab-menu.component.scss
templateUrl ./account-tab-menu.component.html

Index

Methods

Constructor

constructor()

Methods

ngOnInit
ngOnInit()
Returns : void
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'account-tab-menu',
  templateUrl: './account-tab-menu.component.html',
  styleUrls: ['./account-tab-menu.component.scss']
})
export class AccountTabMenuComponent implements OnInit {
  constructor() {}

  ngOnInit() {}
}
<ion-tabs>
  <ion-tab-bar slot="bottom">
    <ion-tab-button tab="borrowings">
      <ion-icon name="calendar"></ion-icon>
      <ion-label>Borrowings</ion-label>
      <ion-badge>6</ion-badge>
    </ion-tab-button>

    <ion-tab-button tab="profile">
      <ion-icon name="contacts"></ion-icon>
      <ion-label>Profile</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="penalty">
      <ion-icon name="map"></ion-icon>
      <ion-label>penalty</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="about">
      <ion-icon name="information-circle"></ion-icon>
      <ion-label>About</ion-label>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>

./account-tab-menu.component.scss

Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""