mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-06-17 03:35:13 -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

23
stories/inline-text-semantics/a.stories.ts Normal file
View file

@ -0,0 +1,23 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "InlineTextSemantics/A",
tags: ["autodocs"],
args: {
content: "Content",
href: "https://example.com",
target: "_blank",
download: "file.txt",
rel: "noopener noreferrer",
hreflang: "en",
ping: "https://example.com/ping",
referrerpolicy: "no-referrer",
type: "text/html",
},
// Render the <html> element
render: (args) => {
return createHTMLElement("a", args);
},
};
export const Default = {};

15
stories/inline-text-semantics/abbr.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/b.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/bdi.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/bdo.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/br.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/cite.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/code.stories.ts Normal file
View file

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

16
stories/inline-text-semantics/data.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/dfn.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/em.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/i.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/kbd.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/mark.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/q.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/rp.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/rt.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/ruby.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/s.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/samp.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/small.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/span.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/strong.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/sub.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/sup.stories.ts Normal file
View file

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

16
stories/inline-text-semantics/time.stories.ts Normal file
View file

@ -0,0 +1,16 @@
import { createHTMLElement } from "../HTMLElement";
export default {
title: "InlineTextSemantics/Time",
tags: ["autodocs"],
args: {
content: "Content",
datetime: "2023-10-01T12:00:00Z",
},
// Render the <html> element
render: (args) => {
return createHTMLElement("time", args);
},
};
export const Default = {};

15
stories/inline-text-semantics/u.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/var.stories.ts Normal file
View file

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

15
stories/inline-text-semantics/wbr.stories.ts Normal file
View file

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