@hummingbirdui/browser 1.0.0-alpha1 โ 1.0.0-beta2
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 +49 -26
- package/dist/index.global.js +1905 -110
- package/package.json +4 -3
package/README.md
CHANGED
|
@@ -1,36 +1,59 @@
|
|
|
1
|
-
|
|
2
|
-
<a href="https://tailwindcss.com" target="_blank">
|
|
3
|
-
<picture>
|
|
4
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-dark.svg">
|
|
5
|
-
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-light.svg">
|
|
6
|
-
<img alt="Tailwind CSS" src="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-light.svg" width="350" height="70" style="max-width: 100%;">
|
|
7
|
-
</picture>
|
|
8
|
-
</a>
|
|
9
|
-
</p>
|
|
1
|
+
# Hummingbird Play CDN
|
|
10
2
|
|
|
11
|
-
|
|
12
|
-
A utility-first CSS framework for rapidly building custom user interfaces.
|
|
13
|
-
</p>
|
|
3
|
+
Try **Hummingbird** instantly in the browser - no installation, no build tools, no configuration required.
|
|
14
4
|
|
|
15
|
-
|
|
16
|
-
<a href="https://github.com/tailwindlabs/tailwindcss/actions"><img src="https://img.shields.io/github/actions/workflow/status/tailwindlabs/tailwindcss/ci.yml?branch=next" alt="Build Status"></a>
|
|
17
|
-
<a href="https://www.npmjs.com/package/tailwindcss"><img src="https://img.shields.io/npm/dt/tailwindcss.svg" alt="Total Downloads"></a>
|
|
18
|
-
<a href="https://github.com/tailwindcss/tailwindcss/releases"><img src="https://img.shields.io/npm/v/tailwindcss.svg" alt="Latest Release"></a>
|
|
19
|
-
<a href="https://github.com/tailwindcss/tailwindcss/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tailwindcss.svg" alt="License"></a>
|
|
20
|
-
</p>
|
|
5
|
+
The Play CDN is designed for rapid experimentation and development. It allows you to explore Hummingbird components and Tailwind utilities instantly inside a simple HTML file.
|
|
21
6
|
|
|
22
|
-
|
|
7
|
+
The Play CDN is intended for development and testing only. It is <strong>not recommended for production use</strong>.
|
|
23
8
|
|
|
24
|
-
## Documentation
|
|
25
9
|
|
|
26
|
-
|
|
10
|
+
## ๐ How to Use
|
|
27
11
|
|
|
28
|
-
|
|
12
|
+
### Play CDN
|
|
29
13
|
|
|
30
|
-
|
|
14
|
+
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.
|
|
31
15
|
|
|
32
|
-
|
|
16
|
+
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.
|
|
33
17
|
|
|
34
|
-
|
|
18
|
+
```html
|
|
19
|
+
<script src="https://cdn.jsdelivr.net/npm/@hummingbirdui/browser@1.0.0/dist/index.global.js"></script>
|
|
20
|
+
```
|
|
35
21
|
|
|
36
|
-
|
|
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>
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## ๐ Official Website
|
|
56
|
+
|
|
57
|
+
Visit the official Hummingbird website:
|
|
58
|
+
|
|
59
|
+
๐ https://hbui.dev/
|