ButtonGroup

여러 개의 버튼을 그룹화하여 병렬적으로 나열합니다. 주로 탭 전환 혹은 토글의 역할을 합니다.
TypescriptWAI-ARIA
Anatomy

버튼 그룹을 구성하는 요소를 설명합니다.

AntomyImage
Rules of Use
  • RulesofUseImage
    Icon Only

    Icon only Button은 width와 height를 동일하게 사용하는 것을 권장합니다. 개발 상 텍스트 버튼과 동일하게 패딩이 지정되어 있어 Icon only button 사용 시 정사각 형태로 보여주기 위해 Fixed width로 값을 지정해 사용합니다. dropdown toggle로 사용할 경우에는 Fixed width를 Hug contents로 변경하여 사용합니다.

Import
import { ButtonGroup } from '@goorm-dev/vapor-components';
Examples
Props
namedescriptiondefault
tag

태그를 지정합니다.

string
cssModule

CSS Module을 지정합니다.

CSSModule
size

버튼 그룹의 크기를 지정합니다.

xllgmdsm
md
vertical

버튼 그룹을 세로로 표시합니다.

boolean