🌚 react-moon

Moon component for React

🌑🌒🌓🌔🌕🌖🌗🌘🌑

Install

npm install --save react-moon

Usage

import React from 'react';
import Moon from 'react-moon';

export default () => <Moon phase={0.16} size={128} />;

props

| prop | description | type | default | | ------------ | ------------------------------------------------------------------------------------------ | ------ | ----------------- | | phase | Moon phase from 0 to 1. Full moon is 0.5. | Number | 0.16 | | size | Diameter in pixels | Number | 80 | | lightColor | Color of the light side | String | white | | darkColor | Color of the dark side | String | black | | border | CSS value for border | String | 4px solid black | | rotation | CSS value for rotation <angle> | String | 0deg |

Known issues

• Size must be static and, if bigger, the moon will overflow its container