Base UI

Local Component Testing

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:

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:

pnpm build

2. Execute the following command to pack the base UI:

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:

{
	"dependencies": {
		"@easeaccess24/base-ui": "file:<base ui path>/base-ui-0.0.1.tgz"
	}
}

4. Run the following command to install the UI:

pnpm install

5. You can now import the UI components into your project:

import { FeatureToggle } from '@easeaccess24/base-ui';

Usage

The UI provides the following:

• All components
• Hooks, state, and more
• Component styles without any theme (colors, fonts, etc.)

In the client's UI project, you need to implement the following:

• Custom theme - by changing the CSS variables
• Layout - by using the components