@siteone/system-components

Essential components for SiteOne design system

Table of Contents

• Install
• Usage
• Contribute
• License

Install

This project uses node and npm.

$ npm install @siteone/system-components
$ # OR
$ yarn add @siteone/system-components

Usage

size

Column width in cols - n of 12 (unless reconfigured)

justifyContent

Block axis alignment

flexDirection

Flex items placement direction

alignItems

Cross axis alignment

debug

Debug grid

Col

Grid column

Parameters

• size {number} Number of grid columns to fill
• justifyContent {string} Block axis alignment
• flexDirection {string} Flex items placement direction
• alignItems {string} Cross axis alignment

Returns React$Component Grid column

Contribute

1. Fork it and create your feature branch: git checkout -b my-new-feature
2. Commit your changes: git commit -am "Add some feature"
3. Push to the branch: git push origin my-new-feature
4. Submit a pull request

License

MIT © SiteOne, contributors, sourced packages authors & contributors