@cjdev/visual-stack

[![Build Status](https://travis-ci.org/cjdev/visual-stack.svg?branch=master)](https://travis-ci.org/cjdev/visual-stack)

npm

Version: 0.17.2

Version published: 9 years ago

Weekly downloads: 416

Maintainers: 8

Weekly downloads

Created: 10 years ago

Source

CJ Affiliate Visual Stack

This package includes a set of React components with a consistent visual style that can be consumed in other React applications. The components are unbiased and generally stateless, composed primarily of visual styles rather than functionality.

Installation

$ npm install --save @cjdev/visual-stack bootstrap-loader bootstrap-sass

Usage

This package includes both a set of components and a global stylesheet composed of global styles. To include the global styles, require the @cjdev/visual-stack/lib/global module, or add it as a webpack entry point or similar.

The individual components are provided under the @cjdev/visual-stack/lib/components/ path. It may be worthwhile to add a shorter alias for this require path to keep imports short.

Example

import React from 'react';
import ReactDOM from 'react-dom';

import '@cjdev/visual-stack/lib/global';

import { Button } from '@cjdev/visual-stack/lib/components/Button';
import { Panel, Body } from '@cjdev/visual-stack/lib/components/Panel';

ReactDOM.render(
  <Panel>
    <Body>
      <h1>Hello, world!</h1>
      <Button type="primary" onClick={() => console.log('clicked!')}>Click Me</Button>
    </Body>
  </Panel>,
  document.getElementById('application')
);

Contributing

To work on this project locally, use npm link to create a local link to your working package. Run npm run watch to automatically rebuild the project as the source changes, which will also copy assets.

FAQs

What is @cjdev/visual-stack?

Is @cjdev/visual-stack popular?

Is @cjdev/visual-stack well maintained?

Package last updated on 17 Apr 2017

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install