@htmlbricks/hb-site-paragraph-with-image 0.71.36 → 0.72.0
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 +16 -5
- package/manifest.json +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
# hb-site-paragraph-with-image
|
|
1
|
+
# `hb-site-paragraph-with-image` (site-paragraph-with-image)
|
|
2
2
|
|
|
3
|
-
**
|
|
4
|
-
**
|
|
3
|
+
**Category:** content
|
|
4
|
+
**Tags:** content
|
|
5
|
+
**Package:** `@htmlbricks/hb-site-paragraph-with-image`
|
|
5
6
|
|
|
6
|
-
##
|
|
7
|
+
## Overview
|
|
7
8
|
|
|
8
9
|
A marketing-style content block that pairs a hero **image** with **title**, **body**, and an optional **call-to-action** button. Layout switches between a stacked **mobile** presentation and a side-by-side **wide** row based on the host viewport width. Styling is **Bulma 1.x** inside the shadow root (section spacing, typography, and a primary `button` for the CTA).
|
|
9
10
|
|
|
@@ -18,7 +19,13 @@ A marketing-style content block that pairs a hero **image** with **title**, **bo
|
|
|
18
19
|
|
|
19
20
|
If neither `text.title` nor `text.body` is set, the component shows a plain **“no title or body”** placeholder in the text area. If `img.src` is missing, it shows **“no img”** in the image area.
|
|
20
21
|
|
|
21
|
-
##
|
|
22
|
+
## Custom element
|
|
23
|
+
|
|
24
|
+
```html
|
|
25
|
+
<hb-site-paragraph-with-image …></hb-site-paragraph-with-image>
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Attributes
|
|
22
29
|
|
|
23
30
|
Attributes use **snake_case**. From HTML, pass **strings**; nested structures use **JSON strings** (see project conventions: booleans as **`yes`** / **`no`** where applicable).
|
|
24
31
|
|
|
@@ -125,3 +132,7 @@ None. All structure and copy come from the **`img`** and **`text`** attributes (
|
|
|
125
132
|
```
|
|
126
133
|
|
|
127
134
|
Ensure **`text.link.key`** is set whenever you need this event; the label alone is not enough for dispatch.
|
|
135
|
+
|
|
136
|
+
## License
|
|
137
|
+
|
|
138
|
+
Package metadata references **Apache-2.0** (see `LICENSE.md` in the published package when consuming from npm).
|
package/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@htmlbricks/hb-site-paragraph-with-image",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.72.0",
|
|
4
4
|
"contributors": [],
|
|
5
5
|
"description": "Marketing block pairing an image (`img`) with rich text (`text`: title, body, optional link). Use `text_side` (`left` / `right`) and `half_space` for layout; responsive parts cover mobile and desktop. CTA is a Bulma `button is-primary` (optional inline colors on the link). Fires `elClick` when the link area is used.",
|
|
6
6
|
"licenses": [
|