2016-06-02 4 views
1

모든 예제에서는 수평 슬라이더를 보여 주지만 대신 수직 슬라이더를 사용할 수 있습니까?material-ui에서 수직 슬라이더를 생성하는 방법

http://www.material-ui.com/v0.14.4/#/components/slider

+0

소재 -ui는 이것을 제공하지 않습니다. 그 이유는 아마도 Google 소재 디자인 원칙에 그러한 행동에 대한 권장 사항이 없기 때문일 수 있습니다. –

+0

답변 해 주셔서 감사합니다. – bartvde

답변

0

당신은 추가하여이 문제를 해결할 수있다 ... 당신의 슬라이더의 .mdl - slider__container 클래스

transform: rotate(-90deg);

.

+0

귀하의 답변은 https://getmdl.io 및 material-ui가 아닌 것 같습니다. – bartvde

+0

잘 사용하고있는 라이브러리는별로 중요하지 않습니다. 여기서 사용하는 라이브러리에는 수직 슬라이더가 없으므로 해결 방법이 있습니다. 기본적으로 슬라이더 컨테이너의 클래스를 찾고 (또는 클래스를 추가해야합니다) 위에서 언급 한 CSS를 적용해야합니다. –

1

현재 재료 UI에서 Slider 성분의 값 중 어느 하나 또는 "x""y"을 받아들이 프로스 axis을 갖는다. 따라서 수직 슬라이더의 경우 링크 된 페이지에 표시된대로 수행 할 수 있습니다.