Files
myeasycms-v2/packages/ui
giancarlo 2a65cd0b95 Update UI components and styling
This commit includes overall UI and styling improvements in different areas of the application. In particular, it refactors the font usage in the tailwind configuration and modifies the Heading import path in `heading.tsx`. The pricing table and line item details in the billing gateway had been extensively updated to provide better visual representation. Finally, changes were made to the marketing page to make it more straightforward and clear.
2024-04-25 20:17:50 +07:00
..
2024-04-25 20:17:50 +07:00
2024-03-24 02:23:22 +08:00
2024-03-24 02:23:22 +08:00

UI - @kit/ui

This package is responsible for managing the UI components and styles across the app.

This package define two sets of components:

  • shadn-ui: A set of UI components that can be used across the app using shadn UI
  • makerkit: Components specific to MakerKit

Installing a Shadcn UI component

To install a Shadcn UI component, you can use the following command in the root of the repository:

npx shadcn-ui@latest add <component> --path=packages/ui/src/shadcn

For example, to install the Button component, you can use the following command:

npx shadcn-ui@latest add button --path=packages/ui/src/shadcn

We pass the --path flag to specify the path where the component should be installed.