Dropdown#

import { Dropdown } from '@coldsurfers/ocean-road'
import { useRef, useState } from 'react'

function MyMenu() {
  const [open, setOpen] = useState(false)
  const triggerRef = useRef<HTMLButtonElement>(null)

  return (
    <>
      <button ref={triggerRef} onClick={() => setOpen(true)}>
        메뉴 열기
      </button>
      <Dropdown.Core
        edge="left"
        isOpen={open}
        onClose={() => setOpen(false)}
        triggerRef={triggerRef}
        backdrop
      >
        <Dropdown.MenuItem>항목 1</Dropdown.MenuItem>
        <Dropdown.MenuItem>항목 2</Dropdown.MenuItem>
      </Dropdown.Core>
    </>
  )
}