mirror of
https://github.com/picocss/pico.git
synced 2025-04-29 04:19:13 -04:00
feat: add StorybookJS
This commit is contained in:
parent
1039a4788d
commit
cbc1260553
116 changed files with 3560 additions and 2 deletions
31
stories/sectioning/footer.stories.ts
Normal file
31
stories/sectioning/footer.stories.ts
Normal file
|
@ -0,0 +1,31 @@
|
|||
import { createHTMLElement } from "../HTMLElement";
|
||||
|
||||
export default {
|
||||
title: "Sectioning/Footer",
|
||||
tags: ["autodocs"],
|
||||
args: {
|
||||
content: "Content",
|
||||
},
|
||||
// Render the <html> element
|
||||
render: (args) => {
|
||||
return createHTMLElement("footer", args);
|
||||
},
|
||||
};
|
||||
|
||||
export const Default = {};
|
||||
|
||||
export const MozillaExample = {
|
||||
render: (args) => `<h3>FIFA World Cup top goalscorers</h3>
|
||||
<ol>
|
||||
<li>Miroslav Klose, 16</li>
|
||||
<li>Ronaldo Nazário, 15</li>
|
||||
<li>Gerd Müller, 14</li>
|
||||
</ol>
|
||||
|
||||
<footer>
|
||||
<small>
|
||||
Copyright © 2023 Football History Archives. All Rights Reserved.
|
||||
</small>
|
||||
</footer>
|
||||
`,
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue