svelte-miniplayer

1.0.5 • Public • Published

Svelte Miniplayer

chat

Functions:

import Miniplayer from 'svelte-miniplayer'

<Miniplayer active={true} padding="12rem" maxwidth="100%" width="200px" minwidth="10%" resize={true} position="top right" class="bg-dark">
  • padding - CSS size unit, padding from the edges
  • maxwidth - CSS size unit, max width of the container
  • width - pixels, width of the container, optional, auto if container is not resizable
  • minwidth - CSS size unit, min width of the container
  • resize - Boolean, allows the container to be resizable
  • active - Boolean, turns on/off the miniplayer functionality
  • position - initial position corner of the miniplayer: top|bottom + left|right ex: bottom right

The draggable footer inherits background color and font color from the miniplayer class.

Simple usage:

<Miniplayer active={true} padding="12rem" maxwidth="100%" width="200px" minwidth="10%" resize={true} position="top right" class="bg-dark">
	<video src={url} class="aspect-ratio-16/9"></video>
</Miniplayer>

Package Sidebar

Install

npm i svelte-miniplayer

Weekly Downloads

18

Version

1.0.5

License

MIT

Unpacked Size

936 kB

Total Files

4

Last publish

Collaborators

  • thaunknown