mirror of
https://github.com/picocss/pico.git
synced 2025-04-25 18:56:15 -04:00
39 lines
779 B
TypeScript
39 lines
779 B
TypeScript
|
import { createHTMLElement } from "../HTMLElement";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title: "Sectioning/Main",
|
||
|
|
tags: ["autodocs"],
|
||
|
|
args: {
|
||
|
|
content: "Content",
|
||
|
|
},
|
||
|
|
// Render the <html> element
|
||
|
|
render: (args) => {
|
||
|
|
return createHTMLElement("main", args);
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Default = {};
|
||
|
|
|
||
|
|
export const MozillaExample = {
|
||
|
|
render: (args) => `<main>
|
||
|
|
<h1>Apples</h1>
|
||
|
|
<p>The apple is the pomaceous fruit of the apple tree.</p>
|
||
|
|
|
||
|
|
<article>
|
||
|
|
<h2>Red Delicious</h2>
|
||
|
|
<p>
|
||
|
|
These bright red apples are the most common found in many supermarkets.
|
||
|
|
</p>
|
||
|
|
<p>…</p>
|
||
|
|
<p>…</p>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article>
|
||
|
|
<h2>Granny Smith</h2>
|
||
|
|
<p>These juicy, green apples make a great filling for apple pies.</p>
|
||
|
|
<p>…</p>
|
||
|
|
<p>…</p>
|
||
|
|
</article>
|
||
|
|
</main>`,
|
||
|
|
};
|