Files
medusa-store/www/apps/ui/specs/examples/tooltip-sides.tsx
Shahed Nasser d1a1135328 docs: migrate UI docs (#13245)
* docs: create a new UI docs project (#13233)

* docs: create a new UI docs project

* fix installation errors

* docs: migrate UI docs content to new project (#13241)

* Fix content

* added examples for some components

* finish adding examples

* lint fix

* fix build errors

* delete empty files

* path fixes + refactor

* fix build error
2025-08-20 11:42:25 +03:00

27 lines
618 B
TypeScript

import { Tooltip } from "@medusajs/ui"
import {
ArrowLongDown,
ArrowLongLeft,
ArrowLongRight,
ArrowLongUp,
} from "@medusajs/icons"
export default function TooltipSides() {
return (
<div className="flex gap-8 items-center justify-center">
<Tooltip content="Top" side="top">
<ArrowLongUp />
</Tooltip>
<Tooltip content="Bottom" side="bottom">
<ArrowLongDown />
</Tooltip>
<Tooltip content="Left" side="left">
<ArrowLongLeft />
</Tooltip>
<Tooltip content="Right" side="right">
<ArrowLongRight />
</Tooltip>
</div>
)
}