Split Button
보통메인 액션과 드롭다운이 분리된 버튼
라이브 데모
코드
SplitButton.tsx
const [isOpen, setIsOpen] = useState(false);
return (
<div className="split-button">
<button onClick={handleAction}>Save</button>
<button onClick={() => setIsOpen(!isOpen)}>▼</button>
{isOpen && <div className="dropdown-menu">...</div>}
</div>
);