Pixi slider component for React

react-pixi-slider-implementation.js

import React, { Component } from 'react'
import { Container, Text } from 'react-pixi-fiber'

import Slider from 'components/Slider'

class MyComponent extends Component {
  constructor(props) {
    super(props)
    this.state = {
      text: '5.0'
    }
  }

  onChange = data => {
    this.setState({
      text: data.value
    })
  }
  
  render() {
    return (
      <Container>
        <Slider
          width={400}
          height={25}
          x={400}
          y={200}
          currentPosition={5}
          onChange={this.onChange}
          steps={10}
        />
        <Text
          text={this.state.text}
          x={400}
          y={240}
          style={{ fill: '#888888' }}
        />
      </Container>
    )
  }
}

export default MyComponent