Shadcn/ui Components

DirEasy contains a design system out of the box powered by shadcn/ui.

Default configuration

shadcn/ui has been configured by default to use the "New York" style, Tailwind's neutral color palette and CSS variables. You can customize the component configuration in the components.json file. All components have been installed and are regularly updated.

Almost all the basic components you will need are available:

• Button

• Form

• Badge

• Calendar

• Combobox

• Skeleton

• Toast

• ...

Installing components

To install a new component, use the shadcn CLI from the root:

npx shadcn@latest add select

This will install the component into the Design System package.

Updating components

To update shadcn/ui, you can run the following command from the root:

npx shadcn@latest add --all --overwrite

We also have a dedicated command for this. Read more about updates.