Popover

ui

Fluent 2-styled non-modal popover with shadcn APIs. Built on @base-ui/react's Popover for portalled positioning, focus management, and outside-press/Escape dismissal; the flyout uses Fluent shadow-16 elevation with a scale+fade open/close animation.

pnpm dlx shadcn@latest add "https://fluent2-react-kit.graund.io/r/popover.json"

Sign In

Popover

ui

Fluent 2-styled non-modal popover with shadcn APIs. Built on @base-ui/react's Popover for portalled positioning, focus management, and outside-press/Escape dismissal; the flyout uses Fluent shadow-16 elevation with a scale+fade open/close animation.

pnpm dlx shadcn@latest add "https://fluent2-react-kit.graund.io/r/popover.json"

@base-ui/react

utils

components/ui/popover.tsx

@base-ui/react

utils

components/ui/popover.tsx