Skip to content

alexandrejuk/former-kit-skin-pagarme

Repository files navigation

Pagar.me Skin for FormerKit

Our style guide as a FormerKit skin


Join the chat at https://gitter.im/pagarme/opensource


Using

This skin is based on our component style guide and built to work with FormerKit Dashboard setup, which relies heavily on features from cssnext.

To install this skin:

yarn add former-kit-skin-pagarme

Configure ThemeProvider accordingly:

import { ThemeProvider } from 'former-kit'
import pagarmeSkin from 'former-kit-skin-pagarme'

const App = () => (
  <ThemeProvider theme={pagarmeSkin}>
    ...
  </ThemeProvider>
)

Development

To build a npm-ready package:

yarn build

In real life you will probably want to see changes made in this skin package in an already existing application.

To register the skin as a "linkable" package, run the following command in the skin directory:

yarn link

Then, in an existing application link the registered package:

yarn link former-kit-skin-pagarme

To keep watching for changes:

yarn start

Licensing

See LICENSES.

About

✈️ A skin for former-kit based on Pagar.me's brand.

Resources

License

Stars

Watchers

Forks

Packages

No packages published