Development documentation
  1. Components
  2. UppTabBarComponent

File

libs/upp-wdgt/src/components/upp-tabbar/upp-tabbar.ts

Description

Represents a tab bar component that contains multiple tab buttons. It manages tab selection and emits an event when a tab is selected.

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector upp-tab-bar
templateUrl ./upp-tabbar.html
styleUrl ./upp-tabbar.scss

Index

Methods
Inputs
Outputs
Accessors

Constructor

constructor(change: ChangeDetectorRef)
Parameters :
Name Type Optional Description
change ChangeDetectorRef No

A reference to Angular's ChangeDetectorRef, used to manually control change detection.

Inputs

selected
Type : string | null
Default value : null

The currently selected tab name.

Outputs

Selected
Type : EventEmitter

Event emitted when a tab is selected. The selected tab name is passed as a string.

Methods

OnSelected
OnSelected(tabbutton: string)

Handles tab selection by setting the current tab and emitting the selection event.

Parameters :
Name Type Optional Description
tabbutton string No
  • The name of the tab button that is selected.
Returns : void

Accessors

current
getcurrent()

Gets the currently selected tab name.

Returns : string | null 
<ion-tab-bar>
    <ng-content></ng-content>
</ion-tab-bar>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""