@universityofmaryland/simple-carousel

<umd-simple-carousel> element

Installation

$ yarn add @universityofmaryland/simple-carousel

Basic Usage

Import the utility header in your js if you bundle using a transpile with babel or typescript.

import '@universityofmaryland/simple-carousel';

HTML usage

3 image slides are required and must be marked with data-image attribute

<umd-simple-carousel>
  <div slot="slides">
    <div data-image="/1.jpg">
      <h2>Placeholder Text</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
    </div>

    <div data-image="/2.jpg">
      <h2>Placeholder Blah Blah</h2>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, Lorem ipsum
        dolor sit amet, consectetur adipiscing elit
      </p>
    </div>

    <div data-image="/3.jpg">
      <h2>Placeholder Blah Blah</h2>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, Lorem ipsum
        dolor sit amet, consectetur adipiscing elit
      </p>
    </div>
  </div>
</umd-simple-carousel>

License

Distributed under the MIT license. See LICENSE for details.