Tooltip

Uso

page-tooltip.component.html

<cat-toolbar [config]="getToolbarInfo()">
  <nav buttons>
    <cat-primary-button class="mr-5" catTooltip="left" catTooltipPosition="left">Left</cat-primary-button>
    <cat-primary-button class="mr-5" catTooltip="right" catTooltipPosition="right">Right</cat-primary-button>
    <cat-primary-button class="mr-5" catTooltip="above" catTooltipPosition="above">Above</cat-primary-button>
    <cat-primary-button class="mr-5" catTooltip="below" catTooltipPosition="below">Below</cat-primary-button>
  </nav>
</cat-toolbar>

page-tooltip.component.ts

import { Component } from '@angular/core';
import { CatComponentBase } from '@catrx/ui/common';

@Component({
  templateUrl: './page-tooltip.component.html'
})
export class PageTooltipComponent extends CatComponentBase{ }

page-tooltip.module.ts

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { CatPrimaryButtonComponent } from '@catrx/ui/button';
import { CatToolbarModule } from '@catrx/ui/toolbar';
import { CatTooltipModule } from '@catrx/ui/tooltip';
import { PageTooltipComponent } from './page-tooltip.component';
import { PageTooltipRoutingModule } from './page-tooltip.routing.module';

@NgModule({
  declarations: [PageTooltipComponent],
  imports: [
    CommonModule,
    CatToolbarModule,
    CatPrimaryButtonComponent,
    CatTooltipModule,
    PageTooltipRoutingModule,
  ],
})
export class PageTooltipModule {}

Overview

CatUi