virtual-hyperscript-children.js

var h = require("virtual-hyperscript");

// Children as arguments[2]

h("div", {
    "aria-hidden": true,
    "ev-click": onClick,
}, [
    h("p", {
        "aria-hidden": true,
        "ev-click": onClick,
    }, [
        "Some hidden ",
        h("strong", "and strong"),
        " text.",
    ]),
    h("textarea", {
        "ev-change": onChange,
    }, [
        "Some children ",
        "for the textarea",
    ]),
])

// Children as props.children

h("div", {
    "aria-hidden": true,
    "ev-click": onClick,
    children: [
        h("p", {
            "aria-hidden": true,
            "ev-click": onClick,
            children: [
                "Some hidden ",
                h("strong", "and strong"),
                " text.",
            ],
        }),
        h("textarea", {
            "ev-change": onChange,
            children: [
                "Some children ",
                "for the textarea",
            ],
        }),
    ]
})