sg-react-components

React components for SUGOS project.

Installation

$ npm install sg-react-components --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'
 
import React from 'react'
import {
  SgThemeStyle
} from 'sg-react-components'
 
const DOMINANT_COLOR = '#FFC533'
 
const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <SgThemeStyle dominant={ DOMINANT_COLOR }/>
      </div>
    )
  }
})
 
 

Components

SgAlbum

Props

Name	Type	Default	Description
width	number	300
imageList	array	[]
thumbnailCol	number	4
thumbnailSelectedColor	string	'yellow'
onChange	func

SgBody

Props

Name	Type	Default	Description

SgButton

Props

Name	Type	Default	Description

SgHead

Props

Name	Type	Default	Description

SgHeader

Props

Name	Type	Default	Description

SgHeart

Props

Name	Type	Default	Description
width	number	44
height	number	44
heartRate	number	60
id	string

SgHtml

Props

Name	Type	Default	Description

SgKinectFrame

Props

Name	Type	Default	Description
bodies	array
width	number	depthSpace.BOUND_WIDTH
height	number	depthSpace.BOUND_HEIGHT
frameWidth	number	4
jointRadius	number	3
scale	number	2
alt	string	'NO BODY FOUND'
colorizer	func	colorHelper.uniqueColorizer('#CCCC33')

SgMain

Props

Name	Type	Default	Description

SgMicrophone

Props

Name	Type	Default	Description
width	number	44
height	number	44
on	bool	false

SgPage

Props

Name	Type	Default	Description

SgSwitch

Props

Name	Type	Default	Description
width	number
on	bool
onTap	func
onTitle	string
offTitle	string
highlightColor	string
backgroundColor	string
borderColor	string
handleSize	number

SgThemeStyle

Props

Name	Type	Default	Description
style	object	{}
dominant	string	ApStyle.DEFAULT_HIGHLIGHT_COLOR

SgVideo

Props

Name	Type	Default	Description
src	string	arrayOf
playerRef	func	function() {}

License

This software is released under the Apache-2.0 License.

Links

• apeman
• apeman-react-labo
• React