3.0.3 • Published 9 years ago
apeman-react-clock v3.0.3
apeman-react-clock
apeman react package for clock components.
Installation
$ npm install apeman-react-clock --saveDemo
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.
