ramatrix v0.0.155

Ramatrix (React Availability Matrix)

A react component to gather a user's hourly availability.

Install

npm install ramatrix --save

Usage within a React component

import Ramatrix from 'ramatrix';

// call this function when you want to get the matrix data
getMatrixData () {
  console.log(this._myMatrix.getData()); // "{"7AMTh":true,"8AMTh":true.....
}

render () {
  return (
    <Ramatrix ref={(c) => this._myMatrix = c}/>
  );
}

Customizable options

Props can be passed for data and styling customization

militaryTime - boolean (true/false) | default - false

• Will display hours from 0 - 23 or 12AM - 12PM

containerStyle - reactStyling object | default - display: inline-block;

• styling that will be applied to outer container

cellWidth - reactStyling object | default - 65px

• width that will be applied to individual cells

Contribute/Development

Simply run npm install and npm run dev from the root of the project. This will run webpack-dev-server on port 8080.