COMPONENTS
Button
행동의 중요도, 크기와 실행 가능 상태를 표현합니다.
미리보기
문서 플랫폼을 확인하는 중…
행동의 중요도를 구분하세요.
한 영역의 주된 행동에는 primary를, 보조 행동에는 secondary나 ghost를 사용합니다. 같은 툴바 안에서는 아이콘 전용 또는 텍스트 전용으로 라벨 모드를 통일합니다.
행동을 실행하는 컨트롤입니다. 요청 코드에서 loading·disabled를 갱신하고 성공·실패에 따른 후속 처리를 구현하세요.
권장
보조 버튼은 텍스트만, 또는 접근성 이름이 있는 아이콘만 사용합니다.
피하기
보조 버튼에 장식 아이콘과 텍스트를 동시에 붙이지 않습니다.
기본 사용법
컴포넌트의 기본 연결 예제입니다. 위 미리보기에서 변경한 설정과 입력값은 이 코드에 반영되지 않습니다.
문서 플랫폼을 확인하는 중…
구조
문서 플랫폼을 확인하는 중…
상태·크기
문서 플랫폼을 확인하는 중…
API
문서 플랫폼을 확인하는 중…
접근성·플랫폼 차이
접근성 공통 가이드에서 키보드·포커스·이름·글자 확대와 적용 프로젝트의 책임을 확인하세요.
Vue htmlType·click, React type·onClick, Native onPress를 사용합니다. Native에는 HTML 폼 제출 동작이 없습니다.
문서 플랫폼을 확인하는 중…