Home

Awesome

Angular Ellipsis Material Tooltip

For responsive applications, the use of ellispis for long content can be necessary. When we want to go further and display the Angular material tooltip when the ellipsis are displayed.

Demo: https://wandri.github.io/angular-ellipsis-tooltip/.

demo tooltip

Add the module

@NgModule({
  declarations: [
    ...,
  ],
  imports: [
    ...,
    NgxEllipsisTooltipModule,
  ],
})

<ngx-ellipsis-tooltip></ngx-ellipsis-tooltip>

@ InputDescriptionTypeRequested
texttext to displaystringTrue
smartCutmove the ellipsis inside the text and not at the endbooleanFalse (default = true)