en-US

The simplest usage.

zh-CN

最简单的用法。

import { DTooltip, DButton } from '@react-devui/ui';

export default function Demo() {
  return (
    <div className="container">
      <DTooltip dTitle="Hover">
        <DButton>Hover</DButton>
      </DTooltip>
      <DTooltip dTitle="Click" dTrigger="click">
        <DButton>Click</DButton>
      </DTooltip>
    </div>
  );
}

.container {
  .rd-button {
    margin-right: 8px;
    margin-bottom: 12px;
  }
}