Popover

Floating content panel triggered by click. Compound: Popover, Trigger, Content.

Preview

Usage

import { Popover } from '@ramtt/ui'

<Popover>
  <Popover.Trigger><Button>Open</Button></Popover.Trigger>
  <Popover.Content>Panel content here</Popover.Content>
</Popover>

Props

PropTypeDefaultDescription
openbooleanControlled open state
onOpenChange(open: boolean) => voidOpen state handler
children*ReactNodeTrigger + Content