Divider
Horizontal or vertical divider line.
Type: "divider"
Horizontal or vertical divider line.
Props
| Field | Type | Default | Description |
|---|---|---|---|
direction | 'horizontal'|'vertical' | "horizontal" | Arah |
style | 'solid'|'dashed'|'dotted'|'double' | "solid" | Style |
height | number (0–50) | 1 | line thickness in px |
width | string | "100%" | CSS width e.g. '100% |
alignment | 'left'|'center'|'right' | "center" | Alignment |
color | CSS color | — | Warna |
space | number (0–200) | 16 | vertical spacing in px |
contentText | string | — | Teks (shown when contentType = text) |
contentIcon | string (icon name) | — | Icon Tengah (shown when contentType = icon) |
contentSize | string | — | Ukuran (shown when contentType ≠ none) |
Example
{
"id": "div01abc",
"type": "divider",
"props": {
"height": 1,
"width": "100%",
"style": "solid",
"direction": "horizontal",
"alignment": "center",
"color": "",
"contentType": "none",
"space": 16
}
}