MaterialIconTooltipComponent class

An icon that displays a paper tooltip on mouse-hover, click, enter, space, and focus.

This is essentially the same as showing MaterialTooltipCard on a MaterialIconComponent, except that it shows tooltip on click (as opposed to MaterialTooltipTarget, which does not have click trigger).

Attributes:

  • icon -- The name of the icon. This overrides type, if both are provided. See https://www.google.com/design/icons/ for available icons.

  • size -- The size of the icon. Possible values:

    • x-small, small, medium, large and x-large correspond to the MaterialIconComponent sizes of 12px, 13px, 16px, 18px, and 20px, respectively.
    • No value defaults to medium.
    • `` -- The empty String corresponds to the default size of MaterialIconComponent, which is 24px.

  • type -- The type of the icon. Possible values:

    • help -- Shows a "help_outline" icon (a circled "?"). (Default)
    • info -- Shows an "info_outline" (a circled "i")
    • error -- Shows an "error_outline" (a circled "!").
Implemented types
Annotations
  • @Component(selector: 'material-icon-tooltip', providers: [AcxDarkTheme, ExistingProvider(DeferredContentAware, MaterialIconTooltipComponent)], template: r''' <material-icon [attr.aria-label]="helpTooltipLabel" [attr.size]="iconSize" [icon]="icon" keyboardOnlyFocusIndicator tabindex="0" clickableTooltipTarget #tooltipRef="tooltipTarget"> </material-icon> <material-tooltip-card [for]="tooltipRef" [preferredPositions]="preferredPositions" [offsetX]="offsetX" [offsetY]="offsetY"> <ng-content></ng-content> </material-tooltip-card>''', styleUrls: ['icon_tooltip.scss.css'], changeDetection: ChangeDetectionStrategy.onPush, directives: [ClickableTooltipTargetDirective, MaterialIconComponent, KeyboardOnlyFocusIndicatorDirective, MaterialPaperTooltipComponent], preserveWhitespace: true)

Constructors

MaterialIconTooltipComponent(AcxDarkTheme darkTheme, HtmlElement element, @Attribute('icon') String? icon, @Attribute('type') String? type, @Attribute('size') String? size)

Properties

contentVisible → Stream<bool>
Component publishes to this stream to control the visibility of contents.
no setteroverride
deferredContentAware ← DeferredContentAware?
no getter
element ↔ HtmlElement
getter/setter pair
hashCode → int
The hash code for this object.
no setterinherited
icon → String
Icon identifier for MaterialIconComponent. See https://www.google.com/design/icons/ for available icons.
final
iconSize → String
Size of the icon. Must be a valid size for MaterialIconComponent.
final
offsetX ↔ int
The x-offset to where the tooltip will be ultimately positioned.
getter/setter pair
offsetY ↔ int
The y-offset to where the tooltip will be ultimately positioned.
getter/setter pair
preferredPositions ↔ List<RelativePosition>
Relative positions where to try to show the tooltip.
getter/setter pair
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
tooltipBehavior ↔ TooltipBehavior?
getter/setter pair

Methods

noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() → String
A string representation of this object.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited

Static Properties

helpTooltipLabel → String
final