🔤 CodeInput · MultiCodeInput

폼 필드 안에서 공통코드를 선택하는 위젯. input 칸을 클릭하면 팝업이 뜨고 선택 즉시 폼에 반영.

라이브 데모 (폼 예시)

상태 (단일)

국가 (기본값 있음)

거래은행 (다중)

여러 은행 선택 가능

사용법

import { CodeInput, MultiCodeInput } from "~/features/common";

<div>
    <label className="label">상태</label>
    <CodeInput codeGroupId="STATUS" value={status}
        onChange={(id) => setStatus(id)} />
</div>

<div>
    <label className="label">거래은행 (여러 개)</label>
    <MultiCodeInput codeGroupId="BANK" value={banks}
        onChange={(ids) => setBanks(ids)} />
</div>