AppleTV Slider

This is a custom web component that creates a slider in the style of Apple TV.

See demo here

Installation

First, you need to import the component:

``typescript
import "./apple-tv-slider"
`

Usage

To use the appletv-slider component, you can add it to your HTML:

`html


style="width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;"
src="https://picsum.photos/600/400?1"
/>


style="width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;"
src="https://picsum.photos/600/400?2"
/>


style="width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;"
src="https://picsum.photos/600/400?3"
/>


style="width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;"
src="https://picsum.photos/600/400?4"
/>


style="width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;"
src="https://picsum.photos/600/400?5"
/>



`

$3

- speed: The speed of the slide transition. Default is '1000ms'.

$3

- The slides: This is where you put the content of each slide.

$3

- change`: This event is fired when the active slide changes.