@einride/ui

Einride's UI framework with reusable components

Usage no npm install needed!

<script type="module">
  import einrideUi from 'https://cdn.skypack.dev/@einride/ui';
</script>

README

@einride/ui

license npm version total npm downloads

This package provides reusable React components that adhere to Einride's design system.

Installation

Install @einride/ui together with its peer dependencies with NPM or Yarn:

# npm
npm install @einride/ui @emotion/react @emotion/styled

# yarn
yarn add @einride/ui @emotion/react @emotion/styled

Setup

For @einride/ui to work, EinrideProvider needs to wrap all other components. Add it in the root component in your app like this:

import { EinrideProvider } from "@einride/ui"

export const App = () => {
  return (
    <EinrideProvider>{/* All other components go here! */}</EinrideProvider>
  )
}

Documentation

All currently available components are documented in our Storybook.

License

MIT