...
Show contextual content anchored to a trigger element.
npx neobrutal add popoverimport { Button } from '@/components/ui/button'
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'<Popover>
<PopoverTrigger render={<Button variant='noShadow' />}>
Open Popover
</PopoverTrigger>
<PopoverContent>
<div className='grid gap-4'>
<div className='space-y-2'>
<h4 className='font-bold leading-none'>Dimensions</h4>
<span className='text-sm text-black'>
Set the dimensions for the layer.
</span>
</div>
</div>
</PopoverContent>
</Popover>This component is built on top of Base UI Popover. Refer to the Base UI documentation for the full list of available props.