docs/usersguide/carousel.md
# carousel
introduce slideshow with control icons
`<bdl-carousel images="1.jpg|2.jpg|3.jpg"></bdl-carousel>`
carousel also uses 'slot' to project content so using
`<bdl-carousel badges="3"><img src="1.jpg" /> <img src="2.jpg" /> <img src="3.jpg" /></bdl-carousel>`
Demo1:
<bdl-carousel images="Bodylight_loading2_amber.gif|Bodylight_loading2_black.gif|Bodylight_loading2_grey.gif" infos="this is amber| This is black.| This is grey." interval="5"></bdl-carousel>
Demo2 slot: