roz-mate

1.1.0 • Public • Published

roz-mate

NPM JavaScript Style Guide

Install

// npm
npm install --save roz-mate
 
// yarn
yarn add roz-mate
 

and import this stylesheet into your index.js

import 'roz-mate/src/css/styles.css';

Usage

import React, { Component } from "react";
import 'roz-mate/src/css/styles.css';
import { Container } from "roz-mate";
 
class Example extends Component {
  render() {
    return <Container>Child components</Container>;
  }
}

Use component as

import React, { Component } from "react";
import 'roz-mate/src/css/styles.css';
import { Container,Row, Col, Navbar, Input, Textarea, Button } from "roz-mate";
 
class Example extends Component {
  render() {
    return (
      <Container>
        //for button
        <Button color="primary">Hit Me Here</Button>
      </Container>
    );
  }
}

Components are

  1. Container
  2. Row
  3. Col
  4. Navbar
  5. Button
  6. more.. soon
Thank you

Please use jsx <Fragment></Fragment> as root component.

License

MIT © Ripon

Package Sidebar

Install

npm i roz-mate

Weekly Downloads

1

Version

1.1.0

License

MIT

Unpacked Size

5.59 MB

Total Files

393

Last publish

Collaborators

  • dezlingroof