Tooltip

Introduction to using the Tooltip component

Tooltip introduction illustration

Tooltip prompt box, hidden secondary information that is shown only when needed.

Example

<bpa-tooltip text="text here">
  <bpa-button>align left</bpa-button>
</bpa-tooltip>
 
<bpa-tooltip text="text here">
  <bpa-button>align center(default)</bpa-button>
</bpa-tooltip>
 
<bpa-tooltip text="text here">
  <bpa-button>align right</bpa-button>
</bpa-tooltip>

Attributes

Name	Value	Type	Default	Required	Note
text		String || Number

Demo