Popover

Popovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.

Installation

Usage

<Popover>
  <PopoverButton>Open Popover</PopoverButton>
  <PopoverPanel>Popover Content</PopoverPanel>
</Popover>

Props

Docs API Reference

Animate UI props

Prop

Type

Credits

We use Headless UI for the popover component.
We take our inspiration from Shadcn UI for the popover style.

Disclosure

A simple, accessible foundation for building custom UIs that show and hide content, like togglable accordion panels.

Switch

Switches are a pleasant interface for toggling a value between two states, and offer the same semantics and keyboard navigation as native checkbox elements.