mirror of
https://github.com/picocss/pico.git
synced 2025-04-26 03:06:14 -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/text-content/blockquote.stories.ts
Normal file
31
stories/text-content/blockquote.stories.ts
Normal file
|
@ -0,0 +1,31 @@
|
|||
import { createHTMLElement } from "../HTMLElement";
|
||||
|
||||
export default {
|
||||
title: "TextContent/Blockquote",
|
||||
tags: ["autodocs"],
|
||||
args: {
|
||||
content: "Content",
|
||||
cite: "https://example.com",
|
||||
},
|
||||
// Render the <html> element
|
||||
render: (args) => {
|
||||
return createHTMLElement("blockquote", args);
|
||||
},
|
||||
};
|
||||
|
||||
export const Default = {};
|
||||
|
||||
export const MozillaExample = {
|
||||
render:
|
||||
() => `<blockquote cite="https://datatracker.ietf.org/doc/html/rfc1149">
|
||||
<p>
|
||||
Avian carriers can provide high delay, low throughput, and low altitude
|
||||
service. The connection topology is limited to a single point-to-point path
|
||||
for each carrier, used with standard carriers, but many carriers can be used
|
||||
without significant interference with each other, outside early spring. This
|
||||
is because of the 3D ether space available to the carriers, in contrast to
|
||||
the 1D ether used by IEEE802.3. The carriers have an intrinsic collision
|
||||
avoidance system, which increases availability.
|
||||
</p>
|
||||
</blockquote>`,
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue