mirror of
https://github.com/jaandrle/deka-dom-el
synced 2024-11-25 01:39:37 +01:00
20 lines
500 B
JavaScript
20 lines
500 B
JavaScript
|
import { styles } from "../ssr.js";
|
|||
|
|
import { h3 } from "./pageUtils.html.js";
|
|||
|
|
const host= ".notice";
|
|||
|
|
styles.css`
|
|||
|
|
${host} h3{
|
|||
|
|
margin-top: 0;
|
|||
|
|
}
|
|||
|
|
`;
|
|||
|
|
import { el, simulateSlots } from "deka-dom-el";
|
|||
|
|
/** @param {Object} props @param {string} props.textContent */
|
|||
|
|
export function mnemonicUl({ textContent= "" }){
|
|||
|
|
if(textContent) textContent= " – "+textContent
|
|||
|
|
return simulateSlots(el("div", { className: "notice" }).append(
|
|||
|
|
el(h3, "Mnemonic"+textContent),
|
|||
|
|
el("ul").append(
|
|||
|
|
el("slot")
|
|||
|
|
)
|
|||
|
|
));
|
|||
|
|
}
|