Arrow 🏹

Hey there, UI adventurer! 👋

This nifty little module, arrow, is all about helping you point things out! 🎯 It's used to create those cool little arrow/triangle thingies that you often see on tooltips, popovers, or dropdown menus, indicating what they're attached to.

Think of it as your UI's personal GPS, always showing the way! 🗺️

Basic Usage

import { Arrow } from '@ryvora/react-arrow'; // (Assuming this is how you'd import it)
import * as Popover from '@ryvora/react-popover'; // Or any other component that uses an arrow

function MyPopover() {
  return (
    <Popover.Root>
      <Popover.Trigger>My Trigger</Popover.Trigger>
      <Popover.Content>
        Hello, I'm a popover!
        <Popover.Arrow asChild>
          <Arrow />
        </Popover.Arrow>
      </Popover.Content>
    </Popover.Root>
  );
}

Isn't that neat? ✨ Now go forth and point with style!