mirror of
https://github.com/picocss/pico.git
synced 2025-04-25 10:46:14 -04:00
feat: add StorybookJS
This commit is contained in:
parent
1039a4788d
commit
cbc1260553
116 changed files with 3560 additions and 2 deletions
28
stories/sectioning/section.stories.ts
Normal file
28
stories/sectioning/section.stories.ts
Normal file
|
@ -0,0 +1,28 @@
|
|||
import { createHTMLElement } from "../HTMLElement";
|
||||
|
||||
export default {
|
||||
title: "Sectioning/Section",
|
||||
tags: ["autodocs"],
|
||||
args: {
|
||||
content: "Content",
|
||||
},
|
||||
// Render the <html> element
|
||||
render: (args) => {
|
||||
return createHTMLElement("section", args);
|
||||
},
|
||||
};
|
||||
|
||||
export const Default = {};
|
||||
|
||||
export const MozillaExample = {
|
||||
render: (args) => `<section>
|
||||
<a href="#">Previous article</a>
|
||||
<a href="#">Next article</a>
|
||||
</section><section>
|
||||
<button class="reply">Reply</button>
|
||||
<button class="reply-all">Reply to all</button>
|
||||
<button class="fwd">Forward</button>
|
||||
<button class="del">Delete</button>
|
||||
</section>
|
||||
`,
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue