diff options
| author |  Jonathan Neal <jonathantneal@hotmail.com>
| 2021-12-17 08:47:59 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-12-17 08:47:59 -0500 |
| commit | 033b70a7f8726e1b2cd365cbfe03fbf67a1e6a35 (patch) | |
| tree | 243ff252f850347c9e19d635281e501125333ff6 /examples/component/demo | |
| parent | bd246f0b2dc85ebff9de239cd56ceee362a2f97c (diff) | |
| download | astro-033b70a7f8726e1b2cd365cbfe03fbf67a1e6a35.tar.gz astro-033b70a7f8726e1b2cd365cbfe03fbf67a1e6a35.tar.zst astro-033b70a7f8726e1b2cd365cbfe03fbf67a1e6a35.zip | |
Add Component Example (#2203)
* Add Component Example
* chore(lint): Prettier fix
* nit: improve implementation
* nit: Update documentation
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Diffstat (limited to 'examples/component/demo')
| -rw-r--r-- | examples/component/demo/package.json | 14 | ||||
| -rw-r--r-- | examples/component/demo/public/favicon.ico | bin | 0 -> 4286 bytes | |||
| -rw-r--r-- | examples/component/demo/public/robots.txt | 2 | ||||
| -rw-r--r-- | examples/component/demo/src/pages/index.astro | 29 |
4 files changed, 45 insertions, 0 deletions
diff --git a/examples/component/demo/package.json b/examples/component/demo/package.json new file mode 100644 index 000000000..575002652 --- /dev/null +++ b/examples/component/demo/package.json @@ -0,0 +1,14 @@ +{ + "name": "@example/my-component-demo", + "version": "0.0.1", + "private": true, + "scripts": { + "dev": "astro dev", + "start": "astro dev", + "build": "astro build", + "preview": "astro preview" + }, + "devDependencies": { + "astro": "^0.21.11" + } +} diff --git a/examples/component/demo/public/favicon.ico b/examples/component/demo/public/favicon.ico Binary files differnew file mode 100644 index 000000000..578ad458b --- /dev/null +++ b/examples/component/demo/public/favicon.ico diff --git a/examples/component/demo/public/robots.txt b/examples/component/demo/public/robots.txt new file mode 100644 index 000000000..1f53798bb --- /dev/null +++ b/examples/component/demo/public/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: / diff --git a/examples/component/demo/src/pages/index.astro b/examples/component/demo/src/pages/index.astro new file mode 100644 index 000000000..96ca814e3 --- /dev/null +++ b/examples/component/demo/src/pages/index.astro @@ -0,0 +1,29 @@ +--- +import * as Component from '@example/my-component' +--- +<html lang="en"> + +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width" /> + <title>Welcome to Astro</title> + <style global> + h { + display: block; + font-size: 2em; + font-weight: bold; + margin-block: 0.67em; + } + </style> +</head> + +<body> + <Component.Heading> + Welcome to Astro + </Component.Heading> + <Component.Button> + Plain Button + </Component.Button> +</body> + +</html>
\ No newline at end of file |