How to use the pcln-design-system.Container.extend function in pcln-design-system

To help you get started, we’ve selected a few pcln-design-system examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github priceline / design-system / docs / src / Container.js View on Github external
import styled from 'styled-components'
import { Container } from 'pcln-design-system'
import { space, width } from 'styled-system'

const DocsContainer = Container.extend`
  max-width: 780px;
  ${space} ${width};
`

DocsContainer.defaultProps = {
  width: 1,
  px: 3
}

export default DocsContainer

pcln-design-system

Priceline Design System

MIT
Latest version published 2 days ago

Package Health Score

87 / 100
Full package analysis

Similar packages