Fabrials UI

Loading state

Installation

Import the control from @fabrials/ui, after setting the app up.

TypeScript

import { Popover, PopoverTrigger, PopoverContent } from "@fabrials/ui";

Or install it under shadcn's name, so code that imports @/components/ui/popover gets this control. See shims.
```
npx shadcn@latest add @fabrials/popover
```

API reference

Prop / export	Type	Description
`open`	`boolean`	Controlled open state.
`PopoverContent keepMounted`	`boolean`	Keep the popover in the DOM, hidden, while it is closed (also on DropdownMenuContent).

Behavior

Use a dialog when the task has a title and a submit action. Use a popover for a short anchored choice.

Accessibility

Keyboard and contrast

Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.