RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://coreui.io/angular/docs/components/tooltip/ below:

Angular Tooltip Component

Documentation and examples for adding Angular Tooltips.

Use CoreUI Angular tooltip directive to create beautiful tooltips and present hint or information regarding the element on hover. Tutorials and examples for adding custom CoreUI Angular tooltips.

Examples Base tooltips

Hover over the links below to see tooltips:

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Twitter handle freegan cred raw denim single-origin coffee viral.

Directions

Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left. Directions are mirrored when using CoreUI in RTL.

Html content

Use ng-template to render html content and / or non default triggers (click).

Reference element

Use cTooltipRef to position the tooltip on reference element. 5.1.0+

API reference Tooltip

import { TooltipModule } from '@coreui/angular';

@NgModule({
   imports: [TooltipModule,]
})
export class AppModule() { }

Props Inputs prop description type default notes cTooltip Content of a tooltip. string, TemplateRef - required cTooltipOptions Optional popper Options object, takes precedence over cPopoverPlacement. Options - cTooltipPlacement Placement of a tooltip. top, bottom, left, right top string cTooltipTrigger Sets event handlers to toggle tooltip. Specify one trigger or an array of them. Triggers, Triggers[] hover string, string[] cTooltipVisible Toggle the visibility of tooltip component. boolean false cTooltipRef ElementRefDirective reference ElementRefDirective undefined 5.1.0+

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4