mirror of
https://github.com/picocss/pico.git
synced 2025-04-29 12:29:13 -04:00
feat: add StorybookJS
This commit is contained in:
parent
1039a4788d
commit
cbc1260553
116 changed files with 3560 additions and 2 deletions
28
stories/image-and-multimedia/video.stories.ts
Normal file
28
stories/image-and-multimedia/video.stories.ts
Normal file
|
@ -0,0 +1,28 @@
|
|||
import { createHTMLElement } from "../HTMLElement";
|
||||
|
||||
export default {
|
||||
title: "ImageAndMultimedia/Video",
|
||||
tags: ["autodocs"],
|
||||
args: {
|
||||
src: "https://www.w3schools.com/html/mov_bbb.mp4",
|
||||
controls: true,
|
||||
autoplay: false,
|
||||
controlslist: "nodownload",
|
||||
crossorigin: "anonymous",
|
||||
disablepictureinpicture: false,
|
||||
disableremoteplayback: false,
|
||||
height: 240,
|
||||
width: 320,
|
||||
loop: false,
|
||||
muted: false,
|
||||
playsinline: false,
|
||||
poster: "https://picsum.photos/200/300",
|
||||
preload: "auto",
|
||||
},
|
||||
// Render the <html> element
|
||||
render: (args) => {
|
||||
return createHTMLElement("video", args);
|
||||
},
|
||||
};
|
||||
|
||||
export const Default = {};
|
Loading…
Add table
Add a link
Reference in a new issue