mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-23 18:06:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add StorybookJS

Browse source
This commit is contained in:
Michal 2025-04-04 11:51:33 +02:00
parent 1039a4788d
commit cbc1260553
116 changed files with 3560 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
stories/table-content/caption.stories.ts Normal file
View file

@ -0,0 +1,15 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "TableContent/Caption",
tags: ["autodocs"],
args: {
content: "Content",
},
// Render the <html> element
render: (args) => {
return createHTMLElement("caption", args);
},
};
export const Default = {};

16
stories/table-content/col.stories.ts Normal file
View file

@ -0,0 +1,16 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "TableContent/Col",
tags: ["autodocs"],
args: {
content: "Content",
span: 1,
},
// Render the <html> element
render: (args) => {
return createHTMLElement("col", args);
},
};
export const Default = {};

16
stories/table-content/colgroup.stories.ts Normal file
View file

@ -0,0 +1,16 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "TableContent/Colgroup",
tags: ["autodocs"],
args: {
content: "Content",
span: 1,
},
// Render the <html> element
render: (args) => {
return createHTMLElement("colgroup", args);
},
};
export const Default = {};

15
stories/table-content/table.stories.ts Normal file
View file

@ -0,0 +1,15 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "TableContent/Table",
tags: ["autodocs"],
args: {
content: "Content",
},
// Render the <html> element
render: (args) => {
return createHTMLElement("table", args);
},
};
export const Default = {};

15
stories/table-content/tbody.stories.ts Normal file
View file

@ -0,0 +1,15 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "TableContent/TBody",
tags: ["autodocs"],
args: {
content: "Content",
},
// Render the <html> element
render: (args) => {
return createHTMLElement("tbody", args);
},
};
export const Default = {};

18
stories/table-content/td.stories.ts Normal file
View file

@ -0,0 +1,18 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "TableContent/TD",
tags: ["autodocs"],
args: {
content: "Content",
colspan: 1,
headers: "",
rowspan: 1,
},
// Render the <html> element
render: (args) => {
return createHTMLElement("td", args);
},
};
export const Default = {};

15
stories/table-content/tfoot.stories.ts Normal file
View file

@ -0,0 +1,15 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "TableContent/TFoot",
tags: ["autodocs"],
args: {
content: "Content",
},
// Render the <html> element
render: (args) => {
return createHTMLElement("tfoot", args);
},
};
export const Default = {};

20
stories/table-content/th.stories.ts Normal file
View file

@ -0,0 +1,20 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "TableContent/TH",
tags: ["autodocs"],
args: {
content: "Content",
abbr: "Abbreviation",
colspan: 2,
headers: "Header",
rowspan: 2,
scope: "col",
},
// Render the <html> element
render: (args) => {
return createHTMLElement("th", args);
},
};
export const Default = {};

15
stories/table-content/thead.stories.ts Normal file
View file

@ -0,0 +1,15 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "TableContent/THead",
tags: ["autodocs"],
args: {
content: "Content",
},
// Render the <html> element
render: (args) => {
return createHTMLElement("thead", args);
},
};
export const Default = {};

15
stories/table-content/tr.stories.ts Normal file
View file

@ -0,0 +1,15 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "TableContent/TR",
tags: ["autodocs"],
args: {
content: "Content",
},
// Render the <html> element
render: (args) => {
return createHTMLElement("tr", args);
},
};
export const Default = {};