@planview/pv-utilities

Implementation of Planview Design System Utilities following the specification.

Go to the official documentation for more details

Setup

You can install @planview/pv-utilities in multiple ways:

• With NPM

npm install styled-components@^5.0.0 --save # peerDependency
npm install @planview/pv-utilities --save

• With Yarn

yarn add styled-components@^5.0.0 # peerDependency
yarn add @planview/pv-utilities

If you are using TypeScript, be sure to also install @types/styled-components as a devDependency

Usage

import React from 'react'
import styled from 'styled-components'
// Set of elemental, reusable styles such as colors, sizes, spacing, text...
import { color, size } from '@planview/pv-utilities'

// You can use pv-utilities with a styled component...
const StyledButton = styled.div`
    background-color: ${color.greenRegular};
`

function Component() {
    return (
        // ...or with a regular dom element
        <div style={{ padding: `${spacing.small}px` }}>
            <StyledButton>Click me</StyledButton>
        </div>
    )
}