Toggle Tip

import { ToggleTip } from "@uj-vilag/dap-components";

export default function ToggleTipExample() {
  return (
    <div>
      <ToggleTip tipText="This is a tip!" />
    </div>
  );
}

import { ToggleTip } from "@uj-vilag/dap-components";

export default function ToggleTipExample() {
  return (
    <div className="flex gap-6">
      <ToggleTip tipText="Tip appears above the button" tipSide="top" />
      <ToggleTip
        tipText="Tip appears to the right of the button"
        tipSide="right"
      />
      <ToggleTip
        tipText="Tip appears to the left of the button"
        tipSide="left"
      />
      <ToggleTip tipText="Tip appears below the button" tipSide="bottom" />
    </div>
  );
}