Quran Components

Quran Common Components are a set of React UI components. The aim is to promote a consistent and reusable component library.

Installation

NPM

npm install --save quran-components

YARN

yarn add quran-components

Usage

ES6

import React from 'React';
import { Button, Jumbotron } from 'quran-components';

const CustomBody = () => (
  <div>
    <Button />
    <Jumbotron />
  </div>
);

Also to reduce file size, you can require individual components:

import React from 'React';
import Button from 'quran-components/lib/Button';

const MyButton = () => (
  <div>
    <Button />
  </div>
);

ES5

var React = require('react');
var component = require('quran-components');
var Button = component.Button;

var MyButton = React.createClass({
  render: function() {
    return (
      <div>
        <Button />
      <div>
    );
  }
});

Demo