Popover

Popover component for displaying content on demand.

import { Popover, Button } from "ui-lab-components";
 
export function Example() {
  return (
    <Popover content="Popover content">
      <Button>Click me</Button>
    </Popover>
  );
}

Basic Popover

A simple popover with a trigger button. Use this to display contextual content or actions.

import React from 'react';
import { Popover, Button } from 'ui-lab-components';
 
export default function Example() {
  return (
    <Popover content={<p className="text-sm">This is popover content. It appears when you click the button.</p>}>
      <Button>Click me</Button>
    </Popover>
  );
}
UI Lab