<div class="bx--tooltip bx--data-tooltip bx--tooltip--shown" data-floating-menu-direction="top">
	<ul class="bx--data-tooltip-list">
		<li class="bx--data-tooltip-list-item bx--data-tooltip__base">
			<span class="bx--data-tooltip-list-item__data">$250.17</span>
		</li>
	</ul>
</div>

<div class="bx--tooltip bx--data-tooltip bx--tooltip--shown" style="left: 200px" data-floating-menu-direction="top">
	<ul class="bx--data-tooltip-list bx--data-tooltip-list--single">
		<li class="bx--data-tooltip-list-item bx--data-tooltip__single" style="border-top: 4px solid #3b1a40">
			<span class="bx--data-tooltip-list-item__label">Jan</span>
			<span class="bx--data-tooltip-list-item__data">$250.17</span>
		</li>
	</ul>
</div>
body {
	padding: 2rem 3%;
}

.bx--data-tooltip {
  padding: 0;
}

.bx--data-tooltip__label {
  width: 100%;
  height: 32px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #5a6872;
  padding: 0 1rem;
  white-space: nowrap;
  border-bottom: 1px solid #dfe3e6;
}

.bx--data-tooltip-list-item {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.bx--data-tooltip-list-item__data {
  font-weight: 600;
  background-color: #ffffff;
  z-index: 2;
}

.bx--data-tooltip-list-item__label {
  color: #5a6872;
  font-size: 12px;
}

.bx--data-tooltip-list-item__data,
.bx--data-tooltip-list-item__label {
  display: inline-block;
}

.bx--data-tooltip__base {
  min-height: 1.625rem;
  padding: 0 0.625rem;
}

.bx--data-tooltip__single {
  min-height: 2.625rem;
  padding: 0 0.625rem;
}

.bx--data-tooltip__multiple {
  margin: 0.5rem 1rem;
  min-height: 2rem;
  padding-left: 0.5rem;
}

.bx--data-tooltip__multiple--last {
  margin-bottom: 1rem;
}

.bx--data-tooltip__multiple--right {
  margin-left: 0;
}

.bx--data-tooltip__multiple--left {
  margin-right: 0;
}
View Compiled

External CSS

  1. https://unpkg.com/carbon-components@latest/css/carbon-components.css

External JavaScript

  1. https://unpkg.com/carbon-components@latest/scripts/carbon-components.js