mirror of
https://github.com/picocss/pico.git
synced 2025-04-23 01:46:14 -04:00
35 lines
814 B
TypeScript
35 lines
814 B
TypeScript
|
import { createHTMLElement } from "../HTMLElement";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title: "TextContent/Pre",
|
||
|
|
tags: ["autodocs"],
|
||
|
|
args: {
|
||
|
|
content: "Content",
|
||
|
|
},
|
||
|
|
// Render the <html> element
|
||
|
|
render: (args) => {
|
||
|
|
return createHTMLElement("pre", args);
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Default = {};
|
||
|
|
|
||
|
|
export const MozillaExample = {
|
||
|
|
render: () => `<figure>
|
||
|
|
<pre role="img" aria-label="ASCII COW">
|
||
|
|
___________________________
|
||
|
|
< I'm an expert in my field. >
|
||
|
|
---------------------------
|
||
|
|
\ ^__^
|
||
|
|
\ (oo)\_______
|
||
|
|
(__)\ )\/\
|
||
|
|
||----w |
|
||
|
|
|| ||
|
||
|
|
</pre>
|
||
|
|
<figcaption id="cow-caption">
|
||
|
|
A cow saying, "I'm an expert in my field." The cow is illustrated using
|
||
|
|
preformatted text characters.
|
||
|
|
</figcaption>
|
||
|
|
</figure>`,
|
||
|
|
};
|