hello world

xkam · xkam · commit a62c6cc0148d · 2020-01-30T21:56:58.000+01:00
diff --git a/examples/hello-world/README.md b/examples/hello-world/README.md
@@ -0,0 +1,4 @@
+
+[Open fullscreen](https://html.activewidgets.com/hello-world/) | [Source on github](https://github.com/activewidgets/html/tree/master/examples/hello-world) | [Edit on Codesandbox](https://codesandbox.io/s/github/activewidgets/html/tree/master/examples/hello-world)
+
+HTML (custom elements) example
diff --git a/examples/hello-world/index.html b/examples/hello-world/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8" />
+    <title>Hello World - ActiveWidgets/HTML</title>
+</head>
+<body>
+    <ax-datagrid>Loading...</ax-datagrid>
+    <script src="src/index.js"></script>
+</body>
+</html>
diff --git a/examples/hello-world/package.json b/examples/hello-world/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "html-hello-world",
+  "version": "1.0.0",
+  "description": "Hello World - ActiveWidgets/HTML",
+  "keywords": [],
+  "main": "src/index.js",
+  "scripts": {
+    "start": "parcel index.html --open",
+    "build": "parcel build index.html"
+  },
+  "dependencies": {
+    "@activewidgets/html": "0.0.10"
+  },
+  "devDependencies": {
+    "parcel-bundler": "^1"
+  },
+  "private": true
+}
diff --git a/examples/hello-world/src/index.js b/examples/hello-world/src/index.js
@@ -0,0 +1,10 @@
+
+import '@activewidgets/html';
+import './styles.css';
+
+
+let el = document.querySelector('ax-datagrid');
+
+el.rows = [
+    { message: 'Hello, World!' }
+];
diff --git a/examples/hello-world/src/styles.css b/examples/hello-world/src/styles.css
@@ -0,0 +1,19 @@
+
+body {
+    margin: 60px;
+    font: 14px/1.2143 'Segoe UI', 'Avenir', 'Helvetica Neue', 'Tahoma', sans-serif;
+}
+
+.ax-datagrid {
+    max-height: 80px;
+}
+
+.ax-headers-view {
+    font-weight: bold;
+    color: #666;
+    border-bottom: 1px solid #aaa;
+}
+
+.ax-gridlines {
+    border-bottom: 1px solid #eee;
+}
diff --git a/examples/viewer/examples.js b/examples/viewer/examples.js
@@ -1,3 +1,11 @@
 ﻿
+import hello_world from '../hello-world/README.md';
+
+
+export const Local = {
+    'Hello, World!': {path: 'hello-world', readme: hello_world}
+};
+
+
 export * from '@activewidgets/datagrid/examples';
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
++
 +[Open fullscreen](https://html.activewidgets.com/hello-world/) | [Source on github](https://github.com/activewidgets/html/tree/master/examples/hello-world) | [Edit on Codesandbox](https://codesandbox.io/s/github/activewidgets/html/tree/master/examples/hello-world)
++
 +HTML (custom elements) example