Angular Elements Slides
This is a sample library of Angular Elements components geared for a slideshow. Doesn't play well in Angular applications, but should work with other framworks (tested with vanilla HTML/JS, React and Vue).
Angular Elements Slides is available via NPM:
npm install nge-slides
Then just import the library into your code like so:
Or you can use Angular Elements Slides via CDN:
<!-- Required wrapper for all slides as well as progress bar --> <nge-slides-wrapper> <nge-slide type="title" title="Angular Element Slides" subtitle="Web Components Made Easy"></nge-slide> <nge-slide type="section" title="Section Slide"></nge-slide> <nge-slide title="Slide 3" content="Content can be defined via an attribute"></nge-slide> <nge-slide title="Slide 4"> <p>Or you can put your content in as HTML</p> </nge-slide> <nge-slide type="blank"> <p>A blank slide has little to no properties</p> <p>All it's designed to be is an HTML passthrough</p> </nge-slide> <nge-slide type="title" title="Goodbye"></nge-slide> <nge-slides-progress-bar></nge-slides-progress-bar> </nge-slides-wrapper>