import { create } from "storybook/internal/theming";
import { createHTMLElement } from "../HTMLElement";
import LI from "./li.stories";
export default {
title: "TextContent/UL",
tags: ["autodocs"],
args: {
content: "Content",
},
// Render the element
render: (args) => {
return createHTMLElement("ul", args);
},
};
export const Default = {};
export const WithItems = {
render: (args) => {
return createHTMLElement("ul", {
...args,
content: [
createHTMLElement("li", { content: "Item 1" }),
createHTMLElement("li", { content: "Item 2" }),
createHTMLElement("li", { content: "Item 3" }),
createHTMLElement("li", { content: "Item 4" }),
createHTMLElement("li", { content: "Item 5" }),
],
});
},
};
export const MozillaExampleNestingLists = {
render: () => `
- first item
-
second item
- second item first subitem
-
second item second subitem
- second item second subitem first sub-subitem
- second item second subitem second sub-subitem
- second item second subitem third sub-subitem
- second item third subitem
- third item
`,
};
export const MozillaExampleNestingOrderedLists = {
render: () => `
- first item
-
second item
- second item first subitem
- second item second subitem
- second item third subitem
- third item
`,
};