@htmlbricks/hb-banner 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 +44 -0
- package/manifest.json +1 -1
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
## `hb-banner` — banner
|
|
2
|
+
|
|
3
|
+
**Category:** content | **Tags:** content, marketing
|
|
4
|
+
|
|
5
|
+
### What it does
|
|
6
|
+
|
|
7
|
+
Marketing-style hero strip: logo image beside a title and subtitle, using Bootstrap grid. Layout switches from side-by-side on large screens to stacked, centered content on smaller breakpoints.
|
|
8
|
+
|
|
9
|
+
### Custom element
|
|
10
|
+
|
|
11
|
+
`hb-banner`
|
|
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
|
+
| `title` | string (optional) | Main heading text. |
|
|
20
|
+
| `description` | string (optional) | Subtitle or body text. |
|
|
21
|
+
| `logouri` | string (optional) | Logo image URL. |
|
|
22
|
+
|
|
23
|
+
No CSS vars or slots in style setup metadata.
|
|
24
|
+
|
|
25
|
+
### Events (`CustomEvent` names)
|
|
26
|
+
|
|
27
|
+
None declared in types (`Events` is an empty object).
|
|
28
|
+
|
|
29
|
+
### Usage notes
|
|
30
|
+
|
|
31
|
+
- Relies on Bootstrap 5 grid and responsive display utilities (`d-none`, `d-lg-block`, etc.).
|
|
32
|
+
- Use bootstrap-icons only if you extend the component; this banner is primarily image + text.
|
|
33
|
+
- Shadow DOM keeps typography/spacing internal unless slotted content is added in implementation.
|
|
34
|
+
- No i18n in `docs.ts`.
|
|
35
|
+
|
|
36
|
+
### Minimal HTML example
|
|
37
|
+
|
|
38
|
+
```html
|
|
39
|
+
<hb-banner
|
|
40
|
+
title="Welcome"
|
|
41
|
+
description="Build faster with our component library."
|
|
42
|
+
logouri="https://example.com/logo.svg"
|
|
43
|
+
></hb-banner>
|
|
44
|
+
```
|
package/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@htmlbricks/hb-banner",
|
|
3
|
-
"version": "0.66.
|
|
3
|
+
"version": "0.66.10",
|
|
4
4
|
"contributors": [],
|
|
5
5
|
"description": "Marketing-style hero strip: logo image beside a title and subtitle, using Bootstrap grid. Layout switches from side-by-side on large screens to stacked, centered content on smaller breakpoints (`d-none d-lg-block` / `d-lg-none`).",
|
|
6
6
|
"licenses": [
|