- Install Node.js
- Install npm
- Goto root folder. run command
npm install --legacy-peer-deps
- run command
npm run dev
- Goto manage extensions in browser
- Enable developer mode
- Click on load unpacked
- Select the dist folder in the root directory
- Click on the extension icon in the browser to use the extension
Have all the design system typography and colors implemented.
To use this : Step 1 : Import the app.scss in the required scss file. Step 2: For using the typography use : @include h1-regular($color : $white)
The required files can be found under library folder.
Auto-suggestion will work for the colors name and also mixins name.
MIXINS INCLUDED:
All mixins for typography. One mixins each for row-flex and column-flex.
Add the key-value in the StorageKeys enum in src/api/storage/keys.ts
const storedNumber = useChromeStorageLocalGet<MyCustomDataModel>(StorageKeys.MY_KEY, MyCustomDataModel());
const setStoredNumber = useChromeStorageLocalSet<MyCustomDataModel>(StorageKeys.MY_KEY);
const storedData = useChromeStorageLiveUpdate(StorageKeys.MY_KEY);