Is it the proper format of adding a tooltip in navbar items ?

[Gitstar-OC]

  links: [
    {
      text: <SL />,
      url: "/docs/sl",
      active: 'nested-url',
    },
    {
      text: <USL/>,
      url: "/docs/usl",
      active: 'nested-url',
    },{
      text: <Algs/>,
      url: "/docs/algs",
      active: 'nested-url',
    }
  ],

This is working, I am just here to confirm if this will work, I have custom components which uses the tooltip in this way

import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
} from "@/components/ui/tooltip";

const SL = () => {

  return (
    <div>
      <TooltipProvider>
        <Tooltip>
          <TooltipTrigger>SL</TooltipTrigger>
          <TooltipContent>
            <p>Supervised Learning</p>
          </TooltipContent>
        </Tooltip>
      </TooltipProvider>
    </div>
  );
};

export default SL;

Is it the proper way of adding a tooltip to item in navbar ?

[fuma-nama]

Yes it is