@hummingbirdui/browser 1.0.0-beta2 → 1.0.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 +15 -44
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,59 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
<div align="center">
|
|
2
|
+
<a href="https://hbui.dev/">
|
|
3
|
+
<img width="350" src='https://raw.githubusercontent.com/hummingbirdui/hummingbird/87dc656e578d3e6fd0e4a45eabe1f5e02bdeafd1/apps/docs/public/images/logos/hummingbird-lg.svg' alt="Logo" class="w-10 h-10" />
|
|
4
|
+
</a>
|
|
2
5
|
|
|
3
|
-
|
|
6
|
+
Hummingbird Play CDN for rapid experimentation and development.
|
|
4
7
|
|
|
5
|
-
|
|
8
|
+

|
|
9
|
+

|
|
10
|
+

|
|
11
|
+
</div>
|
|
6
12
|
|
|
7
|
-
|
|
13
|
+
---
|
|
8
14
|
|
|
9
15
|
|
|
10
|
-
##
|
|
11
|
-
|
|
12
|
-
### Play CDN
|
|
16
|
+
## How to Use
|
|
13
17
|
|
|
14
18
|
Use the Play CDN to try Hummingbird in the browser without any build step. The Play CDN is designed for development purposes only, and is not intended for production.
|
|
15
19
|
|
|
16
20
|
Add the Play CDN script tag to the `<head>` of your HTML file, and start using Hummingbird’s and Tailwind’s classes to style the content.
|
|
17
21
|
|
|
18
22
|
```html
|
|
19
|
-
<script src="https://cdn.jsdelivr.net/npm/@hummingbirdui/browser@1.0.
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
### CDN Script
|
|
23
|
-
|
|
24
|
-
And include the following JavaScript before the end of the `<body>` tag for interactive components.
|
|
25
|
-
|
|
26
|
-
```html
|
|
27
|
-
<script src="https://cdn.jsdelivr.net/npm/@hummingbirdui/hummingbird@1.0.0/dist/hummingbird.bundle.min.js"></script>
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
## 📄 Complete Minimal Example
|
|
31
|
-
|
|
32
|
-
```html
|
|
33
|
-
<!DOCTYPE html>
|
|
34
|
-
<html lang="en">
|
|
35
|
-
<head>
|
|
36
|
-
<meta charset="UTF-8" />
|
|
37
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
38
|
-
<title>Hummingbird Play CDN</title>
|
|
39
|
-
|
|
40
|
-
<!-- Hummingbird Play CDN (Styles + Tailwind) -->
|
|
41
|
-
<script src="https://cdn.jsdelivr.net/npm/@hummingbirdui/browser@1.0.0/dist/index.global.js"></script>
|
|
42
|
-
</head>
|
|
43
|
-
|
|
44
|
-
<body>
|
|
45
|
-
<button class="btn btn-primary">
|
|
46
|
-
Button
|
|
47
|
-
</button>
|
|
48
|
-
|
|
49
|
-
<!-- Hummingbird Interactive Components -->
|
|
50
|
-
<script src="https://cdn.jsdelivr.net/npm/@hummingbirdui/hummingbird@1.0.0/dist/hummingbird.bundle.min.js"></script>
|
|
51
|
-
</body>
|
|
52
|
-
</html>
|
|
23
|
+
<script src="https://cdn.jsdelivr.net/npm/@hummingbirdui/browser@1.0.2/dist/index.global.js"></script>
|
|
53
24
|
```
|
|
54
25
|
|
|
55
|
-
##
|
|
26
|
+
## Documentation
|
|
56
27
|
|
|
57
|
-
Visit the
|
|
28
|
+
Visit the Hummingbird website for complete documentation:
|
|
58
29
|
|
|
59
|
-
|
|
30
|
+
https://hbui.dev/
|