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
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.