➕component:add

Commands Definition and Purpose

What does it do?

Drimz manages the components as can be explained in a place so that our web interface, Editor allows the designer to design, manipulate, interact, and fix components.

Therefore, we want to expose a component to the designer for updating and design. This is done with the add command.

"Add" will scan the component and add it to the .drimz folder in the root where we initialized the project.

How to run?

The syntax is as follows:

drimz component:add <component name> <path_drimz_can_find_the_component>

For example, adding a component named "AboutHero" located at "src/components/AboutHero/" would be:

drimz component:add Button src/components/Button/Button.jsx

Note that the arguments are crucial for the command to run. The name will be the reference for you to call the component. The path provided will be to locate the component for scanning.

Did it work?

We will usually run status to see that the operation was successful (see )

However, you do get a message (in our case we added a component named AboutHero)

Running drimz status will show:

Notice that the component has no version and the status is "new" and there is no version to that component. We will need to Tag the component.

Future Versions

Currently, the CLI supports only adding a simple component as we can see above. The ability to add a few components, all that is nested in a directory will be developed in the future.