koko-react-select/dist/koko-react-select.css

한국어 초성, 부분 검색을 지원하는 커스텀 React Select 컴포넌트입니다. 멀티 선택, 검색, 초기화 기능을 포함합니다.

:root{--anehl00: #ccc;--anehl01: #F5F8FF;--anehl02: #1d4ed8;--anehl03: red;--anehl04: #f3f3f3;--anehl05: #999;--anehl06: #5C7099;--anehl07: 14px}._1knulxi0{display:flex;position:relative;flex-direction:row;width:100%;border:1px solid var(--anehl00);border-radius:5px;background:#fff;padding:8px 16px;cursor:pointer;align-items:center;justify-content:space-between;transition:border-color .2s ease}._1knulxi1{border-color:var(--anehl02)}._1knulxi3{pointer-events:none;background-color:var(--anehl04);opacity:.6}._1knulxi5{border:2px solid var(--anehl03)}._1knulxi7{display:flex;cursor:pointer;align-items:center;flex:1;min-width:0}._1knulxi8{all:unset;width:100%;font-size:var(--anehl07)}._1knulxi9{position:absolute;display:flex;align-items:center;gap:8px;width:100%;height:100%;pointer-events:none}._1knulxia{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--anehl05);font-size:var(--anehl07)}._1knulxib{color:var(--anehl06)}._1knulxid{width:max-content;position:fixed;display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 8px 8px #0000001a;overflow-y:auto;z-index:99}._1knulxie{padding:8px 16px;cursor:pointer;font-size:var(--anehl07);display:flex;align-items:center;gap:8px;color:var(--anehl06)}._1knulxie:hover{background-color:var(--anehl01);font-size:bold;color:var(--anehl02)}