Bolt Design System

Web Component Usage

Bolt Tooltip is a web component, you can simply use <bolt-tooltip> in the markup to make it render.

CRM Customer relationship management

<bolt-tooltip>
  CRM
  <span slot="content">Customer relationship management</span>
</bolt-tooltip>

Prop Usage

Configure the tooltip with the properties specified in the schema.

CRM Customer relationship management

<bolt-tooltip placement="top" uuid="target-this-unique-id">
  CRM
  <span slot="content">Customer relationship management</span>
</bolt-tooltip>

Advanced Usage

Any element can be passed as the trigger.

File size: 25MB

<bolt-tooltip placement="top" uuid="target-this-unique-id">
  CRM
  <span slot="content">Customer relationship management</span>
</bolt-tooltip>