입력 액션 묶음

입력창과 그 자리에서 실행하는 버튼을 한 줄로 묶습니다. 버튼 높이를 입력창에 맞춰 고정하므로, 버튼 size 를 무엇으로 주든 줄이 어긋나지 않습니다. 입력창은 남는 폭을 채우고 버튼은 라벨 폭을 지킵니다.

활용 방법

대화·검색처럼 한 줄 입력을 받고 즉시 실행하는 자리에 씁니다.

Preview

tsx

<InputGroup>
  <Input placeholder="질문을 입력하세요" />
  <Button variant="primary">실행</Button>
</InputGroup>