iYaroslav / play-pause-button

YouTube like responsive play/pause button

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

play-pause-button

YouTube like responsive play/pause button

Made with create-react-library

NPM JavaScript Style Guide

Install

yarn add @iyaroslav/play-pause-button
# or
npm install --save @iyaroslav/play-pause-button

Intro

Usage

Demo

import React, { Component } from 'react'

import PlayButton from '@iyaroslav/play-pause-button'
import '@iyaroslav/play-pause-button/dist/index.css'

class Example extends Component {
  const buttonRef = useRef(null)

  // buttonRef.play()
  // buttonRef.pause()
  // buttonRef.toggle()
  // buttonRef.isPaused()

  render() {
    return <PlayButton
        ref={buttonRef}
        onPlay={() => {}}
        onPause={() => {}}
        onToggle={() => {}}
    />
  }
}

License

MIT © iYaroslav

About

YouTube like responsive play/pause button

License:MIT License


Languages

Language:TypeScript 32.9%Language:HTML 24.2%Language:JavaScript 19.5%Language:CSS 17.2%Language:Shell 6.2%