https://github.com/einride/ui
Reusable React components that adhere to Einride's design system.
https://github.com/einride/ui
components library maps react typescript ui
Last synced: 10 months ago
JSON representation
Reusable React components that adhere to Einride's design system.
- Host: GitHub
- URL: https://github.com/einride/ui
- Owner: einride
- License: mit
- Created: 2021-03-30T09:56:16.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2025-03-28T22:36:34.000Z (10 months ago)
- Last Synced: 2025-03-29T13:39:13.683Z (10 months ago)
- Topics: components, library, maps, react, typescript, ui
- Language: TypeScript
- Homepage: https://storybook.einride.tech
- Size: 15.9 MB
- Stars: 24
- Watchers: 2
- Forks: 0
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md
Awesome Lists containing this project
README
# @einride/ui
[](https://github.com/einride/ui/blob/master/LICENSE)
[](https://www.npmjs.com/package/@einride/ui)
[](https://www.npmjs.com/package/@einride/ui)
Reusable React components that adhere to Einride's design system.
## Installation
Install `@einride/ui` together with its peer dependencies:
```bash
yarn add @einride/ui @emotion/react @emotion/styled framer-motion
```
## Setup
`` needs to wrap all @einride/ui components. The provider sets up the theme and
color schemes. It's common to put it in the `` component in the top of the component tree.
```tsx
import { EinrideProvider } from "@einride/ui"
export const App = (): React.JSX.Element => {
return {/* All @einride/ui components go here! */}
}
```
## Contribute
See [Contributing Guide](./CONTRIBUTING.md).
## Documentation
All currently available components are documented in our
[Storybook](https://storybook.einride.tech/).
## License
MIT