apeman-react-clock

apeman-react-clock

apeman react package for clock components.

Installation

$ npm install apeman-react-clock --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {ApAnalogClock, ApAnalogClockStyle} from 'apeman-react-clock'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApAnalogClockStyle scoped />
        <ApAnalogClock />
      </div>
    )
  }
})

Components

ApAnalogClockHand

Props

Name	Type	Default	Description
angle	number	0
width	number	24
heightRate	number	1

ApAnalogClockLetter

Props

Name	Type	Default	Description
angle	number	0
letter	string	''

ApAnalogClockStyle

Props

Name	Type	Default	Description
style	object	{}
width	number	320
height	number	240
color	string	'#333'
accentColor	string	'#F33'
backgroundColor	string	'#FFF'

ApAnalogClock

Props

Name	Type	Default	Description
boardLetters	array	'12,1,2,3,4,5,6,7,8,9,10,11'.split(',')

ApClockStyle

Props

Name	Type	Default	Description
style	object	{}

ApClock

Props

Name	Type	Default	Description

ApDigitalClockMainDisplay

Props

Name	Type	Default	Description
hours	string
minutes	string
seconds	string
fontSize	number
onSizeChange	func

ApDigitalClockStyle

Props

Name	Type	Default	Description
style	object	{}
width	number	340
height	number	240
color	string	'#333'
backgroundColor	string	'#FFF'

ApDigitalClockSubDisplay

Props

Name	Type	Default	Description
day	string
fontSize	number
width	number

ApDigitalClock

Props

Name	Type	Default	Description
showSeconds	bool	true

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React