Tooltip

import { Tooltip } from "density-base-ui";

export default function TooltipExample() {
  return (
    <Tooltip.Provider>
      <Tooltip.Root>
        <Tooltip.Trigger className="tooltip-example-trigger">
          Latency p95
        </Tooltip.Trigger>
        <Tooltip.Portal>
          <Tooltip.Positioner sideOffset={6}>
            <Tooltip.Popup className="tooltip-example-popup">
              <Tooltip.Arrow className="tooltip-example-arrow" />
              95% of requests finish under this time.
            </Tooltip.Popup>
          </Tooltip.Positioner>
        </Tooltip.Portal>
      </Tooltip.Root>
    </Tooltip.Provider>
  );
}