Installation

All Arc Design System packages are published on the WPMedia GitHub package registry. In order to install these packages, you'll need to authenticate with the GitHub package registry. The simplest way to do this is via a personal access token.

React components

For the most part, components live in their own packages. See the documentation for each component on import/usage information.

Components with 🚧 denote that the React component has yet to be written.

Bootstrap theme

The Arc Design System provides a custom bootstrap theme to help unify the design of Bootstrap, Reactstrap and non-design system components. If your project does not use Bootstrap, you do not need to use the theme.

Installation

The Bootstrap theme lives in the @wpmedia/arc-ui-theme package. You'll need to add that as a dependency to get the custom theme. See "Configuration" for how to correctly setup the theme.

npm i --save @wpmedia/arc-ui-theme

CSS usage

@import '[node_modules path]/@wpmedia/arc-ui-theme/sass/arc-bootstrap.scss';

JavaScript usage

import '@wpmedia/arc-ui-theme/scss/arc-bootstrap.scss'