iYaroslav / youtube-setting-button

YouTube like setting button

youtube-settings-button

YouTube like setting button

Made with create-react-library

Attention! This widget is under construction. Do not use it in your projects.

Install

yarn add @iyaroslav/youtube-settings-button
# or
npm install --save @iyaroslav/youtube-settings-button

Usage

import React, { Component } from 'react'

import Setting from '@iyaroslav/youtube-settings-button'
import '@iyaroslav/youtube-settings-button/dist/index.css'

class Example extends Component {
  const [config, setConfig] = useState({
    autoplay: true,
    annotations: false,
    playbackSpeed: [
      'Normal',
      ['0.5', '0.75', 'Normal', '1.25', '1.5']
    ]
  })

  render() {
    return <Settings
      hd
      settings={config}
      onChange={setConfig}
    />
  }
}

TODO

• Switches
• Animations
• Move menu to external component
• Animated switches
• Size calculation
• Other action in menu

License

MIT © iYaroslav