mirror of
https://github.com/picocss/pico.git
synced 2025-04-22 01:26:13 -04:00
34 lines
806 B
TypeScript
34 lines
806 B
TypeScript
|
import { createHTMLElement } from "../HTMLElement";
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
title: "TextContent/Menu",
|
|||
|
|
tags: ["autodocs"],
|
|||
|
|
args: {
|
|||
|
|
content: "Content",
|
|||
|
|
},
|
|||
|
|
// Render the <html> element
|
|||
|
|
render: (args) => {
|
|||
|
|
return createHTMLElement("menu", args);
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export const Default = {};
|
|||
|
|
|
|||
|
|
export const MozillaExample = {
|
|||
|
|
render: () => `<div class="news">
|
|||
|
|
<a href="#">NASA’s Webb Delivers Deepest Infrared Image of Universe Yet</a>
|
|||
|
|
<menu>
|
|||
|
|
<li><button id="save">Save for later</button></li>
|
|||
|
|
<li><button id="share">Share this news</button></li>
|
|||
|
|
</menu>
|
|||
|
|
</div>`,
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export const MozillaExample2 = {
|
|||
|
|
render: () => `<menu>
|
|||
|
|
<li><button onclick="copy()">Copy</button></li>
|
|||
|
|
<li><button onclick="cut()">Cut</button></li>
|
|||
|
|
<li><button onclick="paste()">Paste</button></li>
|
|||
|
|
</menu>`,
|
|||
|
|
};
|