This update includes the addition of a new multi-step form component for handling complex, multi-part forms. Alongside this, a dot variant for the stepper component has been introduced to provide increased UI/UX flexibility. The new multi-step form component includes validation, navigation between steps and conditional rendering for steps. The modification improves overall user experience in completing multistep forms and enhances the versatility of the stepper component.
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.