Components

Popover

팝오버 컴포넌트

팝오버 컴포넌트는 트리거 요소 근처에 콘텐츠를 표시하는 컴포넌트입니다.

기본 사용법

import { Popover, PopoverTrigger, PopoverContent } from '@aift/ui/Popover';export default function Preview() {  return (    <div className="max-w-md">      <Popover>        <PopoverTrigger>열기</PopoverTrigger>        <PopoverContent>          팝오버 콘텐츠        </PopoverContent>      </Popover>    </div>  );}

DropdownMenu

드롭다운 메뉴 컴포넌트

Progress

진행률 표시 컴포넌트

On this page

Popover 기본 사용법

import { Popover, PopoverTrigger, PopoverContent } from '@aift/ui/Popover';

export default function Preview() {
  return (
    <div className="max-w-md">
      <Popover>
        <PopoverTrigger>열기</PopoverTrigger>
        <PopoverContent>
          팝오버 콘텐츠
        </PopoverContent>
      </Popover>
    </div>
  );
}