add installation method to readme

gsoft-inc · Nov 13, 2023 · b230846 · b230846
1 parent d4d9d89
commit b230846
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 0 deletions.
diff --git a/packages/components/README.md b/packages/components/README.md
@@ -5,6 +5,28 @@ Hopper is a design system developed by Workleap to help create the best experien
 [![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](../../LICENSE)
 [![npm version](https://img.shields.io/npm/v/@hopper-ui/components)](https://www.npmjs.com/package/@hopper-ui/components)
 
+## Installation
+
+Install the following packages:
+
+**With pnpm**
+
+```shell
+pnpm add @hopper-ui/components
+```
+
+**With yarn**
+
+```shell
+yarn add -D @hopper-ui/components
+```
+
+**With npm**
+
+```shell
+npm install -D @hopper-ui/components
+```
+
 ## Usage
 
 View the [user's documentation](https://hopper.workleap.design/).

diff --git a/packages/styled-system/README.md b/packages/styled-system/README.md
@@ -5,6 +5,28 @@ Hopper's styled-system offers a collection of utility functions that add style p
 [![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](../../LICENSE)
 [![npm version](https://img.shields.io/npm/v/@hopper-ui/styled-system)](https://www.npmjs.com/package/@hopper-ui/styled-system)
 
+## Installation
+
+Install the following packages:
+
+**With pnpm**
+
+```shell
+pnpm add @hopper-ui/styled-system
+```
+
+**With yarn**
+
+```shell
+yarn add -D @hopper-ui/styled-system
+```
+
+**With npm**
+
+```shell
+npm install -D @hopper-ui/styled-system
+```
+
 ## Usage
 
 View the [user's documentation](https://hopper.workleap.design/).

diff --git a/packages/tokens/README.md b/packages/tokens/README.md
@@ -5,6 +5,28 @@ Hopper tokens are all the values needed to construct and maintain a design syste
 [![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](../../LICENSE)
 [![npm version](https://img.shields.io/npm/v/@hopper-ui/tokens)](https://www.npmjs.com/package/@hopper-ui/tokens)
 
+## Installation
+
+Install the following packages:
+
+**With pnpm**
+
+```shell
+pnpm add @hopper-ui/tokens
+```
+
+**With yarn**
+
+```shell
+yarn add -D @hopper-ui/tokens
+```
+
+**With npm**
+
+```shell
+npm install -D @hopper-ui/tokens
+```
+
 ## Usage
 
 View the [user's documentation](https://hopper.workleap.design/).