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.
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 UImakerkit: 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.