@melio-ui/tooltip v0.0.6

Tooltip

기본

<Tooltip.Root>
  <Tooltip.Trigger asChild>
    <button type="button">Tooltip</button>
  </Tooltip.Trigger>
  <Tooltip.Portal>
    <Tooltip.Content>tooltip message</Tooltip.Content>
  </Tooltip.Portal>
</Tooltip.Root>

Arrow

<Tooltip.Root>
  <Tooltip.Trigger asChild>
    <button type="button">Tooltip</button>
  </Tooltip.Trigger>
  <Tooltip.Portal>
    <Tooltip.Content>
      tooltip message
      <Tooltip.Arrow />
    </Tooltip.Content>
  </Tooltip.Portal>
</Tooltip.Root>

Position

<Tooltip.Root>
  <Tooltip.Trigger asChild>
    <button type="button">Tooltip</button>
  </Tooltip.Trigger>
  <Tooltip.Portal>
    <Tooltip.Content side="bottom" align="end">
      tooltip message
    </Tooltip.Content>
  </Tooltip.Portal>
</Tooltip.Root>