# @dcp-ui/system

The [System](https://design.cloud.renault-digital.com) component from [@dcp-ui](https://design.cloud.renault-digital.com).

[![desyre](https://img.shields.io/badge/desyre----orange)](https://design-system.gitlab-pages.dt.renault.com/desyre/landing-page) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/@dcp-ui/system) [![License](https://img.shields.io/badge/licence-MIT-green)](https://design.cloud.renault-digital.com/licence) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-green.svg)](https://design.cloud.renault-digital.com/contribute)

## Description

Customizable design system with react • styled-components • styled-system and reakit.

## Installation

    yarn add @dcp-ui/system @xstyled/styled-components @xstyled/system prop-types react react-dom styled-components

## Import

    import { System } from '@dcp-ui/system'

## Documentation

See the [documentation](https://design.cloud.renault-digital.com) or [package source](https://gitlabee.dt.renault.com/digital-cloud-platform/fronts/design.cloud.renault-digital.com/-/blob/master/packages/components/System) for more details.