@obsidiansoft/carousel-view

0.1.0 • Public • Published

carousel-view

Custom webcomponent carousel view

properties

Property description type
style styles String/StylesInline
autoScroll Automatically changes the carousel items Boolean

Example

Carousel simple view

<!--use tag slot for number the elements (required)--->
<carousel-view style="width: 600px;height:400px; display: block;" autoScroll>
  <img
    src="https://images.pexels.com/photos/2443865/pexels-photo-2443865.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
    slot="0"
  />
  <img
    src="https://images.pexels.com/photos/2365701/pexels-photo-2365701.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"
    slot="1"
  />
  <img
    src="https://images.pexels.com/photos/2479642/pexels-photo-2479642.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
    slot="2"
  />
  <img
    src="https://images.pexels.com/photos/2494517/pexels-photo-2494517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
    slot="3"
  />
</carousel-view>

Package Sidebar

Install

npm i @obsidiansoft/carousel-view

Weekly Downloads

1

Version

0.1.0

License

MIT

Unpacked Size

346 kB

Total Files

6

Last publish

Collaborators

  • betinho89
  • quinszouls
  • udekot