{{!-- Using the trigger label as the tooltip label (can be repetitive for screen reader users) --}}
Tooltip label
This is some tooltip text. This box shows the maximum amount of text that should appear inside. If more room is
needed please use a modal instead.
{{!-- Tooltip with Rich Text (heading and body content) but no interactive elements --}}
Tooltip label
Heading within a Tooltip
This is some tooltip text. This box shows the maximum amount of text that should appear inside. If more room is
needed please use a modal instead.
{{!-- @TODO change to trigger button, remove tabindex and role attribute once I test backwards compatibility --}}
{{!-- Tooltip without visible label (not recommended for WCAG 2.1) --}}
Tooltip label
{{ carbon-icon 'Information16' }}
This is some tooltip text. This box shows the maximum amount of text that should appear inside. If more room is
needed
please use a modal instead.