picocss/stories/text-content/dt.stories.ts
2025-04-04 11:51:33 +02:00

29 lines
585 B
TypeScript

import { createHTMLElement } from "../HTMLElement";
export default {
title: "TextContent/DT",
tags: ["autodocs"],
args: {
content: "Content",
},
// Render the <html> element
render: (args) => {
return createHTMLElement("dt", args);
},
};
export const Default = {};
export const MozillaExample = {
render: () => `<p>Please use the following paint colors for the new house:</p>
<dl>
<dt>Denim (semigloss finish)</dt>
<dd>Ceiling</dd>
<dt>Denim (eggshell finish)</dt>
<dt>Evening Sky (eggshell finish)</dt>
<dd>Layered on the walls</dd>
</dl>
`,
};