HoverCard

import { HoverCard } from "@grassroot/ui-react";
 
<HoverCard trigger={<span className="text-heading underline">@riya</span>}>
  <div className="font-semibold text-heading">Riya Kapoor</div>
  <div className="text-body">Owns ledger-api deploy pipeline.</div>
</HoverCard>

import { HoverCard } from "@grassroot/ui-solid";
 
export function Example() {
  return (
    <>
      <HoverCard
        trigger={<span className="text-heading underline">@riya</span>}
      >
        <div className="font-semibold text-heading">Riya Kapoor</div>
        <div className="text-body">Owns ledger-api deploy pipeline.</div>
      </HoverCard>
    </>
  );
}