loom muslin

Popover

Floating panel anchored to its trigger — filters, hints, quick forms. The trigger is composed as-child.

Previewlive — edit controls below

Appearance

State

Filter panel

import { Button, Checkbox, Popover } from "@loom/muslin-react";

<Popover
  content={
    <div className="flex flex-col gap-2">
      <Checkbox defaultChecked>Paid</Checkbox>
      <Checkbox defaultChecked>Pending</Checkbox>
    </div>
  }
>
  <Button variant="secondary" size="sm">Filter</Button>
</Popover>