# @universityofmaryland/simple-carousel

> Simple Carousel Element

Latest version **0.0.2** (published 2022-05-16) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @universityofmaryland/simple-carousel
pnpm add @universityofmaryland/simple-carousel
yarn add @universityofmaryland/simple-carousel
bun add @universityofmaryland/simple-carousel
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2022-05-16 |
| First published | 2022-05-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 21.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | magnessjo, mescherumd |

## Links

- npm: https://www.npmjs.com/package/@universityofmaryland/simple-carousel
- Repository: https://github.com/umd/simple-carousel
- Homepage: https://github.com/umd/simple-carousel#readme
- Issues: https://github.com/umd/simple-carousel/issues
- npm.io page: https://npm.io/package/@universityofmaryland/simple-carousel

## Recent versions

- 0.0.2 (latest) — 2022-05-16
- 0.0.1 — 2022-05-14

## README

# <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.

```js
import '@universityofmaryland/simple-carousel';
```

#### HTML usage

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

```html
<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.

---
_Source: https://npm.io/package/@universityofmaryland/simple-carousel · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._