--0":"#85B1E0"},"children":"Tooltip.Positioner"}],["$","span",null,{"style":{"--0":"#B9BED5"},"children":">"}]]}]}] 3a:["$","div",null,{"className":"ec-line","children":["$","div",null,{"className":"code","children":[["$","span",null,{"className":"indent","children":["$","span",null,{"style":{"--0":"#B9BED5"},"children":" "}]}],["$","span",null,{"style":{"--0":"#B9BED5"},"children":""}]]}]}] 3b:["$","div",null,{"className":"ec-line","children":["$","div",null,{"className":"code","children":[["$","span",null,{"className":"indent","children":["$","span",null,{"style":{"--0":"#B9BED5"},"children":" "}]}],["$","span",null,{"style":{"--0":"#B9BED5"},"children":""}]]}]}] 3c:["$","div",null,{"className":"ec-line","children":["$","div",null,{"className":"code","children":[["$","span",null,{"className":"indent","children":["$","span",null,{"style":{"--0":"#B9BED5"},"children":" "}]}],["$","span",null,{"style":{"--0":"#B9BED5"},"children":""}]]}]}] 3d:["$","div",null,{"className":"ec-line","children":["$","div",null,{"className":"code","children":[["$","span",null,{"className":"indent","children":["$","span",null,{"style":{"--0":"#B9BED5"},"children":" "}]}],["$","span",null,{"style":{"--0":"#B9BED5"},"children":");"}]]}]}] 3e:["$","div",null,{"className":"ec-line","children":["$","div",null,{"className":"code","children":["$","span",null,{"style":{"--0":"#B9BED5"},"children":"}"}]}]}] 41:T4d9,"use client";import { Tooltip } from "@base-ui/react/tooltip";import { QuestionIcon } from "@phosphor-icons/react";import { AnimatePresence, motion } from "motion/react";export default function ExampleTooltip() { return ( } className="px-3 py-2 bg-slate-12 c-white br-1 fs-sm bs-o-sm" > Password must be 8+ characters );}3f:["$","div",null,{"className":"copy","children":[["$","div",null,{"aria-live":"polite","children":"$undefined"}],["$","button",null,{"title":"Copy to clipboard","data-copied":"Copied!","data-code":"$41","children":["$","div",null,{"children":"$undefined"}]}]]}]

Tooltip

Installation

Examples

Base

API Reference