Files
myeasycms-v2/packages/ui
giancarlo e2112eefee Update UI styling and Spinner component
Several updates have been made to UI components across various packages. Styling changes have been made in 'global-loader.tsx', 'docs-card.tsx', and 'pricing-table.tsx'. The Spinner component in 'spinner.tsx' has been updated to adjust size and animation properties. Addition of a new prop 'spinnerClassName' in 'loading-overlay.tsx' allows dynamic class assignment. The 'loading.tsx' now exports GlobalLoader directly instead of wrapping it in a function. 'pnpm-lock.yaml' has been updated with a new specifier.
2024-06-04 17:17:12 +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.