Skip to content

Angular component to display ellipsis and material tooltip dynamically

License

Notifications You must be signed in to change notification settings

wandri/angular-ellipsis-tooltip

Repository files navigation

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>

@ Input Description Type Requested
text text to display string True
smartCut move the ellipsis inside the text and not at the end boolean False (default = true)