Skip to content
Meus Pedidos React components.
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 58c659a Oct 20, 2016
Type Name Latest commit message Commit time
Failed to load latest commit information.
.storybook Merge branch 'master' into feature/expandable-nodes Sep 27, 2016
public Horizontal and vertical cards Sep 14, 2016
src fixing unknown props - ToggleableCategory Oct 20, 2016
.babelrc added storybook Aug 24, 2016
.editorconfig lint for scss files Aug 24, 2016
.eslintignore script for linting Aug 24, 2016
.eslintrc eslinter max-len set to 120 Aug 24, 2016
.gitignore This folder is auto generated Sep 22, 2016
.npmignore added storybook Aug 24, 2016
.sass-lint.yml Lint CSS and JS fixes Sep 22, 2016 Update Oct 4, 2016
index.js Merge branch 'master' into feature/expandable-nodes Sep 27, 2016
package.json Version 1.3.9 Oct 20, 2016


mp-components is a pack of React components originally created for Meus Pedidos, an online sales force solution.

Internal development

  • Setup Meus Pedidos' NPM credentials using only the first part of this step-by-step
  • $ git clone
  • $ cd mp-components
  • Fire up react-storybook using $ npm run storybook then navigate to
  • Hack away then commit your changes + PR to master
  • Checkout master
  • Add your changes to, but DO NOT COMMIT
  • Run the following command using ONE of the options (patch, minor, major) according to the kind of changes you just made: $ npm run version:[patch, minor, major]. This command will bump the package version, create a new commit, a new tag, generate a new build, publish the new files to, build the storybook app and publish it to GH Pages

Helpful NPM commands

  • build: builds the distributable Node package inside the lib directory
  • storybook: starts React Storybook @ http://localhost:9001
  • lint: lints both js and scss files
  • lint:js: lints js files only
  • lint:sass: lints scss files only
  • gh-pages: builds a static version of storybook to be used in Github Pages inside the _gh-pages dir
  • version:[patch, minor, major]: ships everything (Github, NPM and Github Pages)

How to use

  • $ npm i react react-dom mp-components -D
  • $ npm i mp-components -D
  • In your React component
import React, { Component } from 'react'
import { Button } from 'react-components'
import 'node_modules/mp-components/lib/css/Button.css'

export default class App extends Component {
  render() {
    return (
      <Button>Press me!</Button>



You can’t perform that action at this time.