@pachyderm/components v3.4.6
Pachyderm Component Library
This package contains various components for front end Pachyderm projects. You can find the Storybook docs here.
Our component library is being published to npm.
Local development
If you are using nvm first run nvm install
. This will install and switch the version of node to the one defined in the .nvmrc
. Run npm install
to install dependencies.
Run the docs locally with: npm run storybook
Run the tests with: npm test
Contributing to the library
- Code your change on a feature branch
- Add new components to
index.ts
- Bump version in
package.json
- Run
npm install
to update the version in the package-lock - Create a PR
Once your PR is approved, merge your changes and publish the library to npm.
Publishing to npm
The npm credentials for the our account live in 1password.
MAKE SURE YOU HAVE BUMPED VERSION NUMBER
- Login to npm:
npm login
- Publish to npm:
npm publish
Netlify Storybook Docs
Any time you merge something to master and it contains an update to the component library, the docs will be automatically built and publish to netlify.
Adding Icons
We typically export icons provided to us from the design team on Figma. The final SVG file should have one svg
parent and one path child with no ids set, and fill="currentcolor"
on the parent.
- Install this SVG export extension for Figma https://www.figma.com/community/plugin/814345141907543603/SVG-Export
- Set the default options "Use currentcolor as fill" and "Remove all fills" to true
- Export your icons and add them under the
SVG
component in this repo - Update
index.ts
andSvg.stories.tsx
as appropriate.
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago