===========
===========
Case-1: type=”modal”: Modal design for desktop, tablet and mobile
===========
Modal-Tooltip:
This is the trigger text for modalA
Modal-Tooltip without title: This is the trigger text for modalB
Modal-Tooltip with icon: This is the trigger text for modalC
Modal-Tooltip with icon only: Modal Tooltip
Mode-Tooltip use-case in paragraph:
This is the trigger text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type. This is the trigger text for modal
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. This is the trigger text 1 for hover
Modal Tooltip design: This is the trigger text 1 for modal
This is the trigger text
This the actual content of the tooltip. Whatever content that is wrapped in the tooltip shortcode will be inside the tooltip.
You can even use shortcodes like: link shortcode
This is the trigger text
Hover Tooltip design: This is the trigger text 1 for hover hover This the actual content of the tooltip. Whatever content that is wrapped in the tooltip shortcode will be inside the tooltip. This is the trigger text 1 for hover
Examples of when tooltips may be a good idea:
This is the trigger text
This the actual content of the tooltip. Whatever content that is wrapped in the tooltip shortcode will be inside the tooltip box.
You can even use shortcodes like: link shortcode
This is the trigger text
Tooltip design without icon:
This is the trigger text
This the actual content of the tooltip. Whatever content that is wrapped in the tooltip shortcode will be inside the tooltip box.
You can even use shortcodes like: link shortcode
This is the trigger text
Tooltip design with icon: This is the trigger text This is the actual content of the tooltip. Whatever content that is wrapped in the tooltip shortcode will be inside the tooltip box. This is the trigger text
Tooltip design without text: This is the actual content of the tooltip. Whatever content that is wrapped in the tooltip shortcode will be inside the tooltip box.
Tooltip design without any parameter:
===========
===========
Case-3: without type parameter: Hover design for desktop, tablet and mobile
===========
Examples of when tooltips may be a good idea:
This is the trigger text
This the actual content of the tooltip. Whatever content that is wrapped in the tooltip shortcode will be inside the tooltip box.
You can even use shortcodes like: link shortcode
Tooltip design without icon:
This is the trigger text
This the actual content of the tooltip. Whatever content that is wrapped in the tooltip shortcode will be inside the tooltip box.
You can even use shortcodes like: link shortcode
Tooltip design with icon: This is the trigger text This is the actual content of the tooltip. Whatever content that is wrapped in the tooltip shortcode will be inside the tooltip box.
Tooltip design without text: This is the actual content of the tooltip. Whatever content that is wrapped in the tooltip shortcode will be inside the tooltip box.
Tooltip design without any parameter:
Link shortcode design:
Search Google
Search link
This is without trigger text example:
This is without any attributes example:
===========