To test the components locally, you can import the components from `lib` to the `src` folder and execute the following command to open the demo page: ```bash pnpm dev ```
npm install @easeaccess24/base-uilib to the src folder and execute the following command to open the demo page:bash
pnpm dev
`Local Package Testing
To test the client's UI locally, you need to pack it and then import the pack into the client's project.1. Execute the following command to build the base UI:
`bash
pnpm build
`2. Execute the following command to pack the base UI:
`bash
pnpm pack
`
This command will create a .tgz file in the root of the UI. You can then import this file into the client's project.3. In the client's project, change the
package.json file to include the path to the .tgz file:
`json
{
"dependencies": {
"@easeaccess24/base-ui": "file: /base-ui-0.0.1.tgz"
}
}
`4. Run the following command to install the UI:
`bash
pnpm install
`5. You can now import the UI components into your project:
`typescript
import { FeatureToggle } from '@easeaccess24/base-ui';
``In the client's UI project, you need to implement the following:
- Custom theme - by changing the CSS variables
- Layout - by using the components