Components
Loading preview...
Here is tooltip component
npx shadcn@latest add https://21st.dev/r/airbnb/tooltip// src/DemoOne.tsx (or your demo file path)
import React from 'react';
import { Component as TooltipExampleComponent } from '@/components/ui/tooltip';
import { cn } from "@/lib/utils";
const DemoOne = () => {
return (
<div className={cn("flex w-full min-h-screen justify-center items-center p-4 bg-gray-200")}>
<div className="rounded-lg shadow-xl overflow-hidden w-[500px] h-[450px] flex flex-col">
<div className="flex-grow">
<TooltipExampleComponent
width={500}
height={350}
showControls={true}
/>
</div>
</div>
</div>
);
};
export { DemoOne };