@mavenlink/design-system NPM | npm.io

0.104.2 • Published 2 years ago

Install

Weekly downloads

1,107

License

MIT

Repository

Last release

2 years ago

Mavenlink Design System ·

A set of React components created by, and for, Mavenlink. See all the available components at our Github Page.

For a living style guide of design patterns, visit our site on Notion.

Installation

Install with NPM or Yarn

npm install --save @mavenlink/design-system

# or

yarn add @mavenlink/design-system

Setup React JSX processing. One way of doing that is with babel-loader for Webpack.
Setup CSS modules. One way of doing that is with style-loader for Webpack and css-loader for Webpack.

Setup SVG processing. One way of doing that is with svg-sprite-loader for Webpack.

// Webpack configuration
const SpriteLoaderPlugin = require('svg-sprite-loader/plugin');

module.exports = {
  module: {
    rules: [{
      test: /\.jsx?$/,
      use: [{
        loader: 'babel-loader',
      }],
    }, {
      test: /\.css$/,
      use: [{
        loader: 'style-loader'
      }, {
        loader: 'css-loader',
        options: {
          modules: true
        },
      }],
    }, {
      test: /\.svg$/,
      use: [{
        loader: 'svg-sprite-loader',
      }],
    }],
  },
  plugins: [
    new SpriteLoaderPlugin(),
  ],
};

Use in your project

import Input from '@mavenlink/design-system/src/components/input/input.jsx';

function App() {
  return <Input id="hello!" />;
}

Style linter

We periodically update and upgrade styles. We have also created linters to help with those changes! To use, do the following:

Install stylelint into your project

In your stylelint configuration file (.stylelintrc.json, .stylelintrc, stylelint.config.js) include the following:

const path = require('path');

module.exports = {
  plugins: [
    path.resolve('@mavenlink/design-system/src/linters/colors.js'),
  ],
  rules: {
    'mds/colors': true,
  },
};

Run stylelint to see failures

Documentation

Mavenlink React

@bloodyaugust/use-fetch lodash.debounce prop-types

@infinitebrahmanuniverse/nolb-_mav @everything-registry/sub-chunk-586 @zalastax/nolb-_mav

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.11.0-autofocus

4 years ago

4 years ago

0.10.0-table-v2

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

0.7.0-buttons-1

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago