선택 컨트롤 (Selection controls)
선택 컨트롤 컴포넌트는 사용자가 옵션을 선택할 수 있도록 합니다.Selection control components allow a user to select options. 이 컴포넌트들은 자신의 상태를 관리하지 않기 때문에 반드시 v-model prop을 사용해야 합니다.
API
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
컨트롤에 색상을 지정
라디오 버튼을 열(column)로 표시
다크 테마를 적용
인풋이 비활성화됨
수동으로 인풋을 에러 상태로 만듬
Components.SelectionControls.
인풋을 에러 상태로 만들고 커스텀 에러메시지를 전달. rules prop에 의해 발생하는 임이의 검증과 결합가능. 이 필드가 검증을 호출하지는 않습니다.
컴포넌트의 높이를 설정
Components.SelectionControls.
Components.SelectionControls.
인풋 레이블을 지정
라이트 테마를 적용
Components.SelectionControls.
Forces a selection on a v-radio child
Components.SelectionControls.
컴포넌트의 name 어트리뷰트를 설정
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
라디오 버튼을 행(row)으로 표시
True나 에러메시지 문자열을 반환하는 함수들의 배열
Components.SelectionControls.
Components.SelectionControls.
blur 이벤트까지 검증을 지연
Sets the value of the selection control component
Components.SelectionControls.
예제
체크박스 - 불린 (Boolean)
체크박스 - 배열
체크박스 - 상태
체크박스 - 색깔
color prop를 이용하면 체크박스를 어떠한 내장 색(builtin colors) 이나 contextual 이름에 대응 하는 색으로 만들 수 있습니다.
체크박스 - textfield 를 이용한 Inline
라디오 - 기본
기본적으로는 라디오그룹이 반드시 필요합니다. 하지만 mandatory prop 을 사용해 바꿀 수 있습니다.
라디오 - 방향
라디오그룹은 행이나 열로 나타낼 수 있습니다. 기본값은 열(column)입니다.
라디오 - 색깔
color prop를 이용하면 라디오를 어떠한 내장 색(builtin colors) 이나 contextual 이름에 대응 하는 색으로 만들 수 있습니다.
스위치 - 불린
스위치 - 배열
스위치 - 상태
스위치 - 색깔
color prop를 이용하면 스위치를 어떠한 내장 색(builtin colors) 이나 contextual 이름에 대응 하는 색으로 만들 수 있습니다.
Label slot
Selection controls' labels can be defined in label slot - that will allow to use HTML content