pcln-icons
v6.8.0
Published
Priceline React icons based on Material Design Icons
Downloads
6,463
Maintainers
Keywords
Readme
pcln-icons
Priceline React icons based on Material Design Icons
npm i pcln-icons
Usage
import React from 'react'
import { Flights as FlightsIcon } from 'pcln-icons'
export default (props) => <FlightsIcon mr={2} />
For a complete list of all icons, see: the iconography docs
BREAKING CHANGE: The Icon
component has been removed from core
(pcln-design-system
) in v3.0.0. The optimal
approach is to use named imports from pcln-icons
. If you need an <Icon>
component that supports a name
prop, you can use:
import React from 'react'
import { Icon } from 'pcln-icons'
export default (props) => <Icon name={iconName} mr={2} />
Note: Exports from pcln-icons
rely on values from theme
, so they must be descendents of <ThemeProvider>
in order to work properly. Otherwise, you might experience errors like this:
Uncaught TypeError: Cannot read property '3' of undefined
Development
Custom icon SVGs are included in the svg/
directory.
To build the icons locally, run:
rushx build
Run tests:
npm test
Directory Structure
svg/ Source for custom SVG icons
src/ Source for wrapper Icon component
components/ React components for icons
test/ Unit tests