ai-code-app/docs/components/popup.md

Popup Input

목적

[input][button][readonly input] 형태로 검색어 입력, 버튼 액션, 선택 결과 표시를 한 줄에서 처리하는 입력 컴포넌트입니다.

폴더 구조

src/components/inputs/popup
├─ PopupUI.tsx
├─ index.ts
├─ plugins/
├─ samples/
└─ types/

주요 props

• value, defaultValue
• resultValue
• onChange
• onButtonClick
• buttonText
• inputPlaceholder
• resultPlaceholder

plugins

• createPopupButtonTextPlugin
• createPopupResultPlaceholderPlugin

샘플

• 대표 샘플: src/components/inputs/popup/samples/Sample.tsx