---
imports:
  - "../dist/doc-slider.js"
---

### doc-slider

The `<doc-slider>` element is used to display a slider with images.

#### Attributes

- `popupIndex`: The index of the image to display in the popup.
- `items`: A comma-separated list of image URLs.
- `looping`: Whether the slider should loop.

#### Example

```html
<doc-slider items="https://picsum.photos/id/259/300/200,https://picsum.photos/id/217/300/200,https://picsum.photos/id/17/300/200" looping></doc-slider>
```

<doc-slider items="https://picsum.photos/id/259/300/200,https://picsum.photos/id/217/300/200,https://picsum.photos/id/17/300/200" looping></doc-slider>