/picto

Provides a pictogram set used by the design system and other tools.

Primary LanguageTypeScript

@pretto/picto

npm version

Provides a pictogram set used by the design system and other tools.

FAQ

How to contribute?

  1. Add a new svg file under the ./svg/ folder

Name it properly!

  • Name defines the importing name. (eg. import { Envelope } from '@pretto/picto').
  • Names must be formatted in pascalcase.
  • Avoid duplicates.

  1. Open a pull request

  2. Request a review

  3. Squash and merge

How to use the library?

yarn add @pretto/picto
  • Using named import
import { Envelope } from '@pretto/picto'

const myComponent = () => <Envelope />
  • Using namespaces
import * as P from '@pretto/picto'

const myComponent = () => <P.Envelope />

How to publish a new version?

When a branch is merged into master, it will automatically deploy a new version to npm.