Our design system is meant to act as the backbones of simple projects at Codelitt.

See it live

We do not guarantee backwards compability! It will be of responsibility of each project to guarantee you are importing a specific version!

Getting your Github Token

1. Access your tokens page
2. Create a token that can read registry packages
3. npm set //npm.pkg.github.com/:_authToken YOUR TOKEN

Inside the project folder:

1. run echo "registry=https://npm.pkg.github.com/codelittinc" >> .npmrc
2. run: npm install @codelittinc/agnostic-design-system
3. add import '@codelittinc/agnostic-design-system/dist/main.css' to your App.js

import { Button, Row, Container, Col } from '@codelittinc/agnostic-design-system';

Made with ❤️ by Codelitt

Inside the src/docs folder:

1. Create a new document using the extension .document.mdx. For example: Welcome.document.mdx
2. Import Meta component from @storybook/addon-docs/blocks

import { Meta } from '@storybook/addon-docs/blocks';

3. It's good to define it inside a session so, you can do it if you configure the Meta title following the example below:

import { Meta } from '@storybook/addon-docs/blocks';

<Meta title='{Session_name}/{Title_document}' />

Inside the ADS project folder:

1. run: npm run build-lib-for-local-testing

Inside the Test Project folder:

1. run: npm install {path_ads_library}/agnostic-design-system
2. run: npm link react - It will link the ADS's react with your example project's react
3. run: npm ls react - Both reacts should have the same version and be extraneous

After the steps above you will be able to use the ADS locally.