Popover

New

Плаваючий контент з click/hover тригерами, 4 позиції.

Import

import { Popover } from '@brutal-ui/react';

Click Trigger

<Popover
  trigger={<Button>Click Me</Button>}
  content={
    <div>
      <h3>Popover Title</h3>
      <p>This is the popover content.</p>
    </div>
  }
/>

Positions

<Popover position='top' trigger={...} content={...} />
<Popover position='bottom' trigger={...} content={...} />
<Popover position='left' trigger={...} content={...} />
<Popover position='right' trigger={...} content={...} />

Props

Prop	Type	Default	Description
trigger	ReactNode	-	Trigger element
content	ReactNode	-	Popover content
position	string	"bottom"	top \| bottom \| left \| right