선택 컨트롤 (Selection controls)

선택 컨트롤 컴포넌트는 사용자가 옵션을 선택할 수 있도록 합니다.Selection control components allow a user to select options. 이 컴포넌트들은 자신의 상태를 관리하지 않기 때문에 반드시 v-model prop을 사용해야 합니다.

사용법


API

v-radio-group

예제

체크박스 - 불린 (Boolean)


체크박스 - 배열


체크박스 - 상태


체크박스 - 색깔

color prop를 이용하면 체크박스를 어떠한 내장 색(builtin colors) 이나 contextual 이름에 대응 하는 색으로 만들 수 있습니다.


체크박스 - textfield 를 이용한 Inline


라디오 - 기본

기본적으로는 라디오그룹이 반드시 필요합니다. 하지만 mandatory prop 을 사용해 바꿀 수 있습니다.


라디오 - 방향

라디오그룹은 행이나 열로 나타낼 수 있습니다. 기본값은 열(column)입니다.


라디오 - 색깔

color prop를 이용하면 라디오를 어떠한 내장 색(builtin colors) 이나 contextual 이름에 대응 하는 색으로 만들 수 있습니다.


스위치 - 불린


스위치 - 배열


스위치 - 상태


스위치 - 색깔

color prop를 이용하면 스위치를 어떠한 내장 색(builtin colors) 이나 contextual 이름에 대응 하는 색으로 만들 수 있습니다.