Sha256: 0c3994a37aa495c0683d441993dee2d26ab001339f93c5679c0eeb5bbc701496

Contents?: true

Size: 578 Bytes

Versions: 2

Compression:

Stored size: 578 Bytes

Contents

If your implementation involves truncated text, you can set the `truncationEnabled` prop to `true` and only display the tooltip when the trigger element is truncated.

When activated, the component checks whether the trigger element's scrollWidth is equal to its clientWidth, or if the scrollWidth is equal to 0. If either of these conditions is met, the tooltip won't be displayed because the text is not truncated.

This feature only works alongside with CSS `ellipsis` and setting a `max-width` for the trigger element. Check the CSS applied in the example above for details.

Version data entries

2 entries across 2 versions & 2 rubygems

Version Path
playbook_ui_docs-13.10.0.pre.alpha.play10561428 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.md
playbook_ui-13.10.0.pre.alpha.play10561428 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.md