Page generated at 2016-08-19 09:38:26 +0000
Slider Component
Very basic slider
Example
<div component="slider" style="border: solid 4px #689F38; background: #f00;">
<div style="background: #F44336; padding: 30px 60px; border: solid 4px #333;"><h1 style="color: #fff;">Slide 1</h1></div>
<div style="background: #9C27B0; padding: 30px 60px; border: solid 4px #333;"><h1 style="color: #fff;">Slide 2</h1></div>
<div style="background: #3F51B5; padding: 30px 60px; border: solid 4px #333;"><h1 style="color: #fff;">Slide 3</h1></div>
<div style="background: #009688; padding: 30px 60px; border: solid 4px #333;"><h1 style="color: #fff;">Slide 4</h1></div>
</div>
Slide 1
Slide 2
Slide 3
Slide 4
Vertical example
<div component="slider" slider-vertical style="border: solid 4px #689F38; background: #f00;">
<div style="background: #F44336; padding: 30px 60px; border: solid 4px #333;"><h1 style="color: #fff;">Slide 1</h1></div>
<div style="background: #9C27B0; padding: 30px 60px; border: solid 4px #333;"><h1 style="color: #fff;">Slide 2</h1></div>
<div style="background: #3F51B5; padding: 30px 60px; border: solid 4px #333;"><h1 style="color: #fff;">Slide 3</h1></div>
<div style="background: #009688; padding: 30px 60px; border: solid 4px #333;"><h1 style="color: #fff;">Slide 4</h1></div>
</div>