mds-input - npm Package Compare versions

Comparing version 0.0.1-alpha.1 to 0.0.1-alpha.2

package.json

 {
   "name": "mds-input",
   "private": false,
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "type": "module",
@@ -6,0 +6,0 @@ "main": "dist/mds-input.js",

readme.md

@@ -1,3 +0,50 @@
-# Test mds-input with Lit
+# `mds-input` - Lit version
 
+## Install
+
+Install the component via `npm`
+
+```
+npm install mds-input
+```
+
+Or use `yarn`
+
+```
+yarn add mds-input
+```
+
+## Use in JavaScript
+
+Import the component in your project
+
+```html
+<script type="module">
+  import 'mds-input';
+</script>
+```
+
+His dependencies
+
+```html
+<script type="module">
+  import { defineCustomElements } from '@maggioli-design-system/mds-text/loader';
+  defineCustomElements();
+</script>
+```
+
+`Maggioli Design System` style in the `head` tag
+
+```html
+<link rel="stylesheet" href="./node_modules/@maggioli-design-system/styles/dist/css/colors-rgb.css">
+```
+
+The use it in your HTML
+
+```html
+<mds-input type="text" placeholder="Write something"></mds-input>
+```
+
+---
+
 Built with `lit` and `vite`

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21170

increased by3.39%

Number of lines in readme file

51

increased by1175%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes