@entur/component-library

Entur component library

The Entur component library is a Storybook based app with set of React components common for all Entur React applications.

It is served here: https://entur-component-library-ae8fd.firebaseapp.com

Installation

npm install --save @entur/component-library

The component library depends on a small set of global definitions; typography and rem size. These rules are defined in index.css. For correct fonts add @entur/fonts to your package.json

"dependencies": {
  "@entur/fonts": "git+ssh://[e-mail]:enturas/entur-fonts.git#a5e1956"
}

Remember to run npm install after adding the line.

You will also need to import the rules in your code:

// javascript
import '@entur/fonts/index.css'
import '@entur/component-library/lib/index.css'

// css
@import '~@entur/fonts/index.css'
@import '~@entur/component-library/lib/index.css'

Development

Getting started

• Clone project
• npm install to install dependencies
• npm run storybook to run the Storybook app

Publish

rm -rf node_modules/ && npm i && rm -rf node_modules/ && yarn install
git add package-lock.json yarn.lock
git commit -m "updated lock files"
npm version patch
git push && git push --tags
npm run build
npm publish --access public
npm run build-storybook
firebase deploy