@jirawatpyk/aura-react 4.4.1 → 4.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,12 +1,39 @@
|
|
|
1
|
-
# @jirawatpyk/aura-react
|
|
1
|
+
# @jirawatpyk/aura-react
|
|
2
2
|
|
|
3
3
|
AURA Design System components as a real React package — ES modules, TypeScript types, server-rendering safe, Thai-first.
|
|
4
4
|
|
|
5
|
+
## Try it without a build (CDN)
|
|
6
|
+
|
|
7
|
+
One HTML file, no install — the packages are on npmjs, so jsDelivr serves them:
|
|
8
|
+
|
|
9
|
+
```html
|
|
10
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@jirawatpyk/aura-tokens@4/aura.css">
|
|
11
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@jirawatpyk/aura-react@4/dist/styles.css">
|
|
12
|
+
<script src="https://cdn.jsdelivr.net/npm/react@18/umd/react.production.min.js"></script>
|
|
13
|
+
<script src="https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.production.min.js"></script>
|
|
14
|
+
<script src="https://cdn.jsdelivr.net/npm/@jirawatpyk/aura-react@4/dist/aura.bundle.js"></script>
|
|
15
|
+
|
|
16
|
+
<div id="root"></div>
|
|
17
|
+
<script>
|
|
18
|
+
const h = React.createElement;
|
|
19
|
+
ReactDOM.createRoot(document.getElementById('root')).render(
|
|
20
|
+
h(Aura.AuraProvider, { locale: 'th' },
|
|
21
|
+
h(Aura.Stack, { gap: 4 },
|
|
22
|
+
h(Aura.Button, { icon: 'plus' }, 'New order'),
|
|
23
|
+
h(Aura.DatePicker, { label: 'Delivery date' }))));
|
|
24
|
+
</script>
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## Install
|
|
28
|
+
|
|
5
29
|
```bash
|
|
6
|
-
|
|
7
|
-
|
|
30
|
+
npm i @jirawatpyk/aura-react @jirawatpyk/aura-tokens # react >= 18 is a peer; import from "@jirawatpyk/aura-react"
|
|
31
|
+
# or under the short names the docs use (imports stay `@aura/...`):
|
|
32
|
+
npm i @aura/react@npm:@jirawatpyk/aura-react @aura/tokens@npm:@jirawatpyk/aura-tokens
|
|
8
33
|
```
|
|
9
34
|
|
|
35
|
+
Public on npmjs; internal projects can use GitHub Packages instead ([repository README](https://github.com/Jirawatpyk/Aura-design#use-it-in-a-project)).
|
|
36
|
+
|
|
10
37
|
```tsx
|
|
11
38
|
// app root (once)
|
|
12
39
|
import '@aura/tokens/aura.css'; // tokens (light + dark)
|
package/package.json
CHANGED