Tooltip component
Provides a wrapper component around Tippy.js.
View demo
Definition
id: tooltip title: Tooltip description: "Provides a wrapper component around Tippy.js." class: Drupal\ambientimpact_ux\Plugin\AmbientImpact\Component\Tooltip provider: ambientimpact_ux
Configuration
{ }
Libraries
component.tooltip:
js:
components/tooltip/tooltip.js:
attributes:
defer: true
dependencies:
- ambientimpact_core/ally.js
- ambientimpact_core/component.fastdom
- ambientimpact_ux/component.tooltip.arrow
- ambientimpact_ux/component.tooltip.debug
- ambientimpact_ux/component.tooltip.hide_on_blur
- ambientimpact_ux/component.tooltip.hide_on_esc
- ambientimpact_ux/component.tooltip.hide_on_out_of_bounds
- ambientimpact_ux/component.tooltip.html_content_attribute
- ambientimpact_ux/component.tooltip.move_transition_custom_property
- ambientimpact_ux/component.tooltip.offset_padding_custom_properties
- ambientimpact_ux/component.tooltip.singleton
- ambientimpact_ux/component.tooltip.title_attribute
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.arrow:
js:
components/tooltip/tooltip.arrow.js:
attributes:
defer: true
dependencies:
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.demo:
css:
component:
components/tooltip/tooltip.demo.css: { }
js:
components/tooltip/tooltip.demo.js:
attributes:
defer: true
dependencies:
- ambientimpact_ux/component.tooltip
- ambientimpact_ux/tippy.js-animation-perspective-extreme
- ambientimpact_ux/tippy.js-animation-perspective-subtle
- ambientimpact_ux/tippy.js-animation-perspective
- ambientimpact_ux/tippy.js-animation-scale-extreme
- ambientimpact_ux/tippy.js-animation-scale-subtle
- ambientimpact_ux/tippy.js-animation-scale
- ambientimpact_ux/tippy.js-animation-shift-away
- ambientimpact_ux/tippy.js-animation-shift-away-extreme
- ambientimpact_ux/tippy.js-animation-shift-away-subtle
- ambientimpact_ux/tippy.js-animation-shift-toward-extreme
- ambientimpact_ux/tippy.js-animation-shift-toward-subtle
- ambientimpact_ux/tippy.js-animation-shift-toward
- ambientimpact_core/framework
component.tooltip.debug:
js:
components/tooltip/tooltip.debug.js:
attributes:
defer: true
dependencies:
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.events:
js:
components/tooltip/tooltip.events.js:
attributes:
defer: true
dependencies:
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.hide_on_blur:
js:
components/tooltip/tooltip.hide_on_blur.js:
attributes:
defer: true
dependencies:
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.hide_on_esc:
js:
components/tooltip/tooltip.hide_on_esc.js:
attributes:
defer: true
dependencies:
- ambientimpact_core/ally.js
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.hide_on_out_of_bounds:
js:
components/tooltip/tooltip.hide_on_out_of_bounds.js:
attributes:
defer: true
dependencies:
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.html_content_attribute:
js:
components/tooltip/tooltip.html_content_attribute.js:
attributes:
defer: true
dependencies:
- ambientimpact_core/component.fastdom
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.move_transition_custom_property:
js:
components/tooltip/tooltip.move_transition_custom_property.js:
attributes:
defer: true
dependencies:
- ambientimpact_core/component.fastdom
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.offset_padding_custom_properties:
js:
components/tooltip/tooltip.offset_padding_custom_properties.js:
attributes:
defer: true
dependencies:
- ambientimpact_core/component.fastdom
- ambientimpact_ux/component.property_to_pixel_converter
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.shrinkwrap:
js:
components/tooltip/tooltip.shrinkwrap.js:
attributes:
defer: true
dependencies:
- ambientimpact_core/component.fastdom
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.singleton:
js:
components/tooltip/tooltip.singleton.js:
attributes:
defer: true
dependencies:
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework
component.tooltip.title_attribute:
js:
components/tooltip/tooltip.title_attribute.js:
attributes:
defer: true
dependencies:
- ambientimpact_core/component.fastdom
- ambientimpact_ux/tippy.js
- ambientimpact_core/framework