naive-ui/demo/documentation/components/tooltip/enUS/maxWidth.demo.md
07akioni 487001d697 build: add changelog to site, refactor loader based on suffix
.demo.md for component demo
.demo-entry.md for demo entry
.md for common docs
2020-08-19 23:30:04 +08:00

574 B

Max Width

Setting max-width is sometimes more useful.

<n-tooltip :max-width="400" trigger="click">
  <template v-slot:activator>
    <n-button>
      California Girls
    </n-button>
  </template>
  I wish they all could be California girls. I wish they all could be California
  girls. I wish they all could be California girls.
</n-tooltip>
<n-tooltip :max-width="400" trigger="click">
  <template v-slot:activator>
    <n-button>
      California Girls
    </n-button>
  </template>
  I wish ...
</n-tooltip>
.n-button {
  margin: 0 12px 8px 0;
}