Popover

부가 정보를 표시하는 팝오버 컴포넌트입니다.

개요

Popover는 트리거 요소 주변에 콘텐츠를 표시하는 컴포넌트입니다.

알림: 이 컴포넌트는 현재 구현 중입니다.

설치


# Coming Soon
# npx @vortex/cli add popover --package foundation

기본 사용법


import { Popover, PopoverTrigger, PopoverContent } from "@vortex/ui-foundation";
 
export default function Example() {
  return (
    <Popover>
      <PopoverTrigger>
        <Button>열기</Button>
      </PopoverTrigger>
      <PopoverContent>
        <p>팝오버 내용</p>
      </PopoverContent>
    </Popover>
  );
}

Props API

Prop	Type	Default	Description
side	’top’ \| ‘right’ \| ‘bottom’ \| ‘left'	'bottom’	표시 위치
align	’start’ \| ‘center’ \| ‘end'	'center’	정렬