Updating README.md file

tarsislimadev · Oct 7, 2023 · 760d395 · 760d395
1 parent 4ee5ea0
commit 760d395
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 35 deletions.
diff --git a/README.md b/README.md
@@ -14,43 +14,11 @@ Easy Front-end Node.js library
 npm i @brtmvdl/frontend
 ```
 
-## hot to use
-
-```html
-<!-- index.html -->
-
-<head>
-  <script type="importmap">
-    {
-      "imports": {
-        "@brtmvdl/frontend": "./libs/@brtmvdl/frontend/src/index.js"
-      }
-    }
-  </script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script type="module" src="./index.js"></script>
-</body>
-```
-
-```js
-// index.js
-
-import { HTML, nInput, nButton } from '@brtmvdl/frontend'
+## how to use
 
-const app = HTML.fromId('app')
+[![index.html](./images/frontend-index-html.png)](./sample/index.html)
 
-const input = new nInput()
-input.setPlaceholder('input')
-app.append(input)
-
-const button = new nButton()
-button.setText('button')
-button.on('click', () => window.alert(`value: ${input.getValue()}`))
-app.append(button)
-```
+[![index.js](./images/frontend-index-js.png)](./sample/index.js)
 
 ## License
 

diff --git a/images/frontend-index-html.png b/images/frontend-index-html.png
diff --git a/images/frontend-index-js.png b/images/frontend-index-js.png