React Core UI

npm install react-core-ui

Components Included:

Modal

import { Modal } from 'react-core-ui/lib/modal' Basic Usage

 <Modal
active={this.state.modalShow}
>
<h1>Modal Title</h1>
<p>Modal Body Text.</p>
</Modal>

Props

• active ~ required: yes ~ type: bool
• children ~ required: yes ~ type: object | string
• overlayClassName ~ required: no ~ type: string
• modalClassName ~ required: no ~ type: string
• close ~ required: no ~ type: func
• closeNode ~ required: no ~ type: node
• onEscKeyDown ~ required: no ~ type: func
• onOverlayClick ~ required: no ~ type: func

Tooltip

import { Tooltip } from 'react-core-ui/lib/tooltip' Basic Usage

 <span
style={{ position: 'relative' }}
onMouseEnter={{ ... }}
onMouseLeave={{ ... }}
>
<Tooltip
active={this.state.tooltipShow}
position={'right'}
>
Some Tooltip Text.
</Tooltip>
</span>

Props

• disabled ~ required: no ~ type: bool default: false
• active ~ required: no ~ type: bool default: false
• children ~ required: yes ~ type: object | string
• position ~ required: no ~ type: string ('top' | 'left' | 'right' | 'bottom') default: bottom
• dark ~ required: no ~ type: bool default: light

TODO

• Added Modal
• Browser Compatibility (Modal)
• Added Tooltip
• Browser Compatibility (Tooltip)
• Add jest testing suite.
• Add table component.
• Add input component.
• Add single and multi select components.
• Add Downdown component
• Add Autocomplete component