@htmlbricks/hb-site-paragraph-with-image 0.66.8 → 0.66.9
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 +39 -0
- package/manifest.json +1 -1
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
## `hb-site-paragraph-with-image` — site-paragraph-with-image
|
|
2
|
+
|
|
3
|
+
**Category:** content
|
|
4
|
+
**Tags:** content
|
|
5
|
+
|
|
6
|
+
### What it does
|
|
7
|
+
|
|
8
|
+
Marketing block pairing an image (`img`: `src`, optional `alt`) with rich text (`text`: optional `title`, `body`, optional `link` with `label` and optional `src`, `key`, colors). Use `text_side` (`left` / `right`) and `half_space` for layout; CSS parts cover mobile and desktop. Fires `elClick` when the link is activated.
|
|
9
|
+
|
|
10
|
+
### Custom element
|
|
11
|
+
|
|
12
|
+
`hb-site-paragraph-with-image`
|
|
13
|
+
|
|
14
|
+
### Attributes (snake_case; use string values in HTML)
|
|
15
|
+
|
|
16
|
+
- `id` (optional), `style` (optional): strings.
|
|
17
|
+
- `img` (required): JSON string — `{ src: string; alt?: string }`.
|
|
18
|
+
- `text` (required): JSON string — `{ title?, body?, link?: { label; src?; key?; bgColor?; textColor? } }`.
|
|
19
|
+
- `text_side` (optional): `"left"` | `"right"`.
|
|
20
|
+
- `half_space` (optional): boolean as string when used from HTML.
|
|
21
|
+
|
|
22
|
+
### Events
|
|
23
|
+
|
|
24
|
+
- `elClick`: `{ key: string }`.
|
|
25
|
+
|
|
26
|
+
### Usage notes
|
|
27
|
+
|
|
28
|
+
- **CSS parts:** `mobile_text_content`, `mobile_title`, `mobile_text_body`, `mobile_link_button`, `mobile_image_content`, `image_content`, `text_content`, `link_button`, `title`, `text_body`.
|
|
29
|
+
- No `htmlSlots` in docs; structure is prop-driven.
|
|
30
|
+
|
|
31
|
+
### Minimal HTML example
|
|
32
|
+
|
|
33
|
+
```html
|
|
34
|
+
<hb-site-paragraph-with-image
|
|
35
|
+
img='{"src":"https://example.com/image.png","alt":"Logo"}'
|
|
36
|
+
text='{"title":"Heading","body":"Short copy.","link":{"label":"Read more"}}'
|
|
37
|
+
text_side="right"
|
|
38
|
+
></hb-site-paragraph-with-image>
|
|
39
|
+
```
|
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.66.
|
|
3
|
+
"version": "0.66.9",
|
|
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. Fires `elClick` when the link area is used.",
|
|
6
6
|
"licenses": [
|