Connected Retail User Interface

Introduction

As Birdseye v3 got developed by the Connected Retail group, a number of components have been built with the idea of exporting them into this dedicated and shareable library.

It leverages VCC-UI components to perform more complex retailer focused use cases.

As such, it keeps your product UI/UX in line with the company branding and guidelines by utilizing the Volvo Cars Design Language System.

All components are tested and in production use by the Birdseye team.

Our aim is to help you ship new features faster providing flexibility and control over the components to better fit your needs.

Be more efficient understanding the library faster by exploring common use cases we use in Birdseye on our storybook.

Installation

1. First install the package:

npm install @volvo-cars/connected-retail-ui

2. Add the required .css and UiProvider at the root of your React project:

// src/index.jsx
...
import "@volvo-cars/connected-retail-ui/dist/main.css";
import { UiProvider } from "@volvo-cars/connected-retail-ui";

const App = () => {
  return (
    <UiProvider>
      ...
    </UiProvider>
  )
}

That's it. Now you should be able to import the components from the library (TS typings included!).

Diving deeper

• Report an issue/feature request
• Contributing