Viora LogoViora UI
Login

Tooltip Minimal

Clean and simple tooltip with customizable positioning and animations.

demo-tooltip-minimal.tsx
Loading source code...

Installation

pnpm dlx viora-ui add tooltip-minimal
npx viora-ui add tooltip-minimal
yarn viora-ui add tooltip-minimal
bunx --bun viora-ui add tooltip-minimal

Usage

import { TooltipMinimal } from "viora-ui";
import { TooltipMinimal } from "viora-ui";

export default function TooltipMinimalDemo() {
  return (
    <div className="flex min-h-[350px] w-full items-center justify-center p-6">
      <TooltipMinimal />
    </div>
  );
}

API Reference

TooltipMinimal

PropTypeDefaultDescription
contentstring-Configuration for content.
childrenReact.ReactNode-Content or child elements to render.
position?'top' | 'bottom' | 'left' | 'right'-Configuration for position.
delay?number-Configuration for delay.
className?string""Additional CSS classes for custom styling.

Built by Otis

Last updated: 9/13/2026