슬라이더
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
InlineSlider
구성요소를 사용하면 사용자가 값 범위에서 선택할 수 있습니다.
인라인 슬라이더를 사용하여 범위(예: 화면 밝기 또는 글꼴 크기 설정)에서 값을 선택합니다. 슬라이더로 변경한 내용은 즉시 적용되므로 사용자가 만족할 때까지 계속 조정할 수 있습니다. 조정이 즉시 이루어지지 않는 상황에서는 슬라이더를 사용하지 마세요.
분석
A. 진행률 표시줄
B. 진행 상태 트랙
C. 컨테이너
D. 감소 아이콘
E. 증가 아이콘
F. 스페이서
디자인 권장사항
세분화된 슬라이더
값 범위가 3에서 9 사이인 경우 세분화된 슬라이더를 사용하는 것이 좋습니다. 범위가 8보다 크면 세그먼트가 너무 작아서 표시되지 않습니다.
사용
다음 슬라이더 예를 참고하세요.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2023-12-02(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]