From e5c495417ef488a2fef808755d064ef359e65b49 Mon Sep 17 00:00:00 2001 From: GHEMID-Mohamed Date: Fri, 31 May 2024 10:45:28 +0200 Subject: [PATCH] docs: add sass and bootstrap setup in the documentation --- README.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/README.md b/README.md index 1ef43857e..596f8b9ca 100644 --- a/README.md +++ b/README.md @@ -30,6 +30,20 @@ You can easily build a new app from scratch or integrate some components into an ## Getting Started +Make you sure that [sass](https://www.npmjs.com/package/sass) and [bootstrap](https://www.npmjs.com/package/bootstrap) modules are installed : + +```sh +npm install -D sass +npm install bootstrap@4.3.1 +``` + +After installing bootstrap, add these css imports in the root file of your components tree : + +```js +import 'bootstrap/scss/bootstrap-grid.scss'; +import 'bootstrap/scss/bootstrap-reboot.scss'; +``` + You can either install everything and use only what you need. If you do that you will be able to use tree shaking to have a smaller bundle. However, you will need to import all the styles and not only the style related to your component.