@htmlbricks/hb-dashboard-card1 0.66.8 → 0.66.10
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 +42 -0
- package/manifest.json +1 -1
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
## `hb-dashboard-card1` — dashboard-card1
|
|
2
|
+
|
|
3
|
+
**Category:** data | **Tags:** data, dashboard
|
|
4
|
+
|
|
5
|
+
### What it does
|
|
6
|
+
|
|
7
|
+
Bootstrap card shell for dashboards: JSON `header` supplies optional Bootstrap Icon name, title label, and right-aligned badge; JSON `body` can remove inner padding with `noborder`. Slots let you inject markup (metadata lists `content`; description also references `header_content` for layout between header and body—confirm in implementation if both exist).
|
|
8
|
+
|
|
9
|
+
### Custom element
|
|
10
|
+
|
|
11
|
+
`hb-dashboard-card1`
|
|
12
|
+
|
|
13
|
+
### Attributes / props (snake_case)
|
|
14
|
+
|
|
15
|
+
| Property | Type | Notes |
|
|
16
|
+
| --- | --- | --- |
|
|
17
|
+
| `id` | string (optional) | Element identifier. |
|
|
18
|
+
| `style` | string (optional) | Inline style string. |
|
|
19
|
+
| `header` | object (optional) | JSON `{ icon?: string; label: string; badge?: string }`. |
|
|
20
|
+
| `body` | object (optional) | JSON `{ noborder?: boolean }`. |
|
|
21
|
+
|
|
22
|
+
**Bootstrap `--bs-*` theme vars.** **Parts:** `text_placeholder`, `badge`, `card`. **Slot (metadata):** `content`.
|
|
23
|
+
|
|
24
|
+
### Events (`CustomEvent` names)
|
|
25
|
+
|
|
26
|
+
None declared in types (`Events` is an empty object).
|
|
27
|
+
|
|
28
|
+
### Usage notes
|
|
29
|
+
|
|
30
|
+
- Styling is Bootstrap 5–aligned via standard color variables.
|
|
31
|
+
- `header.icon` should be a bootstrap-icons icon name string.
|
|
32
|
+
- Use `::part(card)` and related parts for host-level theming inside shadow root.
|
|
33
|
+
- No i18n in `docs.ts`.
|
|
34
|
+
|
|
35
|
+
### Minimal HTML example
|
|
36
|
+
|
|
37
|
+
```html
|
|
38
|
+
<hb-dashboard-card1
|
|
39
|
+
header='{"label":"Revenue","icon":"graph-up","badge":"+12%"}'
|
|
40
|
+
body='{"noborder":false}'
|
|
41
|
+
></hb-dashboard-card1>
|
|
42
|
+
```
|
package/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@htmlbricks/hb-dashboard-card1",
|
|
3
|
-
"version": "0.66.
|
|
3
|
+
"version": "0.66.10",
|
|
4
4
|
"contributors": [],
|
|
5
5
|
"description": "Bootstrap card shell for dashboards: JSON `header` supplies optional Bootstrap Icon name, title label, and right-aligned badge; JSON `body` can remove inner padding with `noborder`. Default slots `header_content` and `content` let you inject arbitrary markup between the standard header row and body.",
|
|
6
6
|
"licenses": [
|