altimetrik-morph v0.2.9

Getting Started with Morph

Morph is a design system, a collection of reusable components that can be used according to the needs of the user.

To find the library go the (https://www.npmjs.com/package/altimetrik-morph)

In order to install it write this command on your vscode terminal: npm i altimetrik-morph

Requirements

-Have an account with NPM. If you don't have one you can create it in (https://www.npmjs.com/).

-Have npm installed on your computer.

• git.

• VisualStudioCode.

• A terminal.

• Internet access.

Project structure

• Inside src we must create the lib folder. Inside lib we create the components folder which will contain the components that we will export.

• Each component will have its own folder with its corresponding styles, in this example we are using CSS Modules.

• In the root of the lib folder we create a file called index.js which will be our entry point to the components, basically we are going to import the components from the components folder and we are going to export them.

Component Index

• morphButton

• morphIcon

• morphTypography

• morphTextField

• morphFlags