How to use the "dile" components
1.- Install any of the web components
npm install @dile/dile-input
2.- Import the component
In order process imports with the package name in the browser you will need to use a tool like Webpack or Rollup.
3.- Use the component
<dile-input name="name" label="Name" value="John" ></dile-input>
4.- Read the docs
In the component documentation of each component you will find more information about component properties, CSS custom properties, API methods and custom events.
Each component documentation is on the related package folder. For example, the
<dile-input> documentation is located on the file:
5.- Serve your proyect
There are many development servers to help you in this point. Our recomendation is to use ViteJS or Web Dev Server.
6.- Build your Project
To build your project is necesary to use Webpack, Rollup or similar. At this moment, the best and easiest option is to use ViteJS.