Implementation of Planview Design System Utilities following the specification.
Go to the official documentation for more details
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-utilitiesIf you are using TypeScript, be sure to also install @types/styled-components as a devDependency
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>
)
}