en-US

Adjust the position automatically through dAutoPlace and dContainer.

zh-CN

通过 dAutoPlace 和 dContainer 自动调整位置。

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

export default function Demo() {
  return (
    <div className="auto-place-container">
      <div className="overflow">
        <DTooltip dVisible dTitle="Auto Place" dContainer=".auto-place-container">
          <DButton>Auto Place</DButton>
        </DTooltip>
      </div>
    </div>
  );
}

.auto-place-container {
  width: 400px;
  max-width: 100%;
  height: 200px;
  overflow: auto;
  background-color: var(--rd-background-color-primary);

  > .overflow {
    width: 500px;
    height: 400px;
    padding: 60px;
  }
}