@planview/pv-utilities
TypeScript icon, indicating that this package has built-in type declarations

4.14.0 • Public • Published

@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>
    )
}

Package Sidebar

Install

npm i @planview/pv-utilities

Weekly Downloads

1,321

Version

4.14.0

License

BSD-3-Clause

Unpacked Size

443 kB

Total Files

306

Last publish

Collaborators

  • dougneiner
  • mikiz2000
  • dwikmans
  • olled
  • ptyagipv
  • gaganm
  • peterengstedt
  • pgoagent