Popover

Un panneau flottant ancré à son déclencheur.

BetaWhoa UI est en bêta : certains éléments peuvent encore changer. Un bug ? Écrivez-moi à hello@ugolin-olle.com.

popover.tsx

'use client';import { Button } from '@/components/ui/button';import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';export default function Demo() {  return (    <Popover>      <PopoverTrigger render={<Button variant="outline" />}>Open popover</PopoverTrigger>      <PopoverContent className="w-64">It grows out of its trigger.</PopoverContent>    </Popover>  );}

Animation

Le panneau grandit depuis son déclencheur (--transform-origin) en 180 ms.

Les jetons et les règles communes sont décrits sur la page Motion.

Installation

Le composant fait partie des primitives shadcn/ui sur Base UI.

bunx --bun shadcn@latest add popover

Ou depuis le paquet npm :

import { Popover } from '@whoa-studio/ui/popover';

Exports : Popover, PopoverTrigger, PopoverContent.