Sides

Place the tooltip on top, right, bottom, or left.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/tooltip-02

Files

• registry/patterns/tooltip/tooltip-02.tsx
• src/components/ui/button.tsx
• src/components/ui/tooltip.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• shadcn/ui Overlay Components
• Tooltip Components
• React Tooltip Components
• Tailwind CSS Tooltip Components
• shadcn/ui Tooltip Components

More from FLX UI

• Basic
• With shortcut
• On icon button
• Custom delay
• Rich content
• Light via dark class
• Colored
• No arrow
• Side offset
• Basic
• Multiple
• With icons