Sha256: 11f5b2b5636edc36e8ecfab17879981eeafabb488ec8959b4ecb4600fe6fd633
Contents?: true
Size: 1.75 KB
Versions: 5
Compression:
Stored size: 1.75 KB
Contents
import React from "react"
import FileCard from "./FileCard"
import Button from "../Button/Button"
import UserStamp from '../UserStamp/UserStamp'
import { boolean, text, select } from "@storybook/addon-knobs"
export default function FileCardStory(stories) {
stories.add("File Card",
() => {
let props = {
className: text("className", ""),
layout: select("layout", ["vertical", "horizontal"], "vertical"),
displayName: text('displayName', 'Resume'),
description: text('description', 'Amazing file'),
downloadUrl: text('downloadUrl', 'http://google.com'),
openNewTab: boolean('openNewTab', false),
type: select(
"type",
[
"file-excel",
"file-pdf",
"file-word",
"file-image",
"file-powerpoint",
"file-video",
"file-text",
"file-zip",
"file-code",
"file-sound",
"file",
],
"file"
),
hasProtection: boolean('hasProtection', false),
hasAccess: boolean('hasAccess', false),
}
return (
<div className="container">
<div className="row my-4">
<div className="col-sm-3">
<FileCard {...props}>
<UserStamp
action="Uploaded"
date="2017-11-28"
name="John Galt"
thumbUrl="http://i.pravatar.cc/46"
/>
<Button
className="mt-2 btn-sm btn-power-royal"
text="Download"
type="button"
/>
</FileCard>
</div>
</div>
</div>
)
}
)
}
Version data entries
5 entries across 5 versions & 1 rubygems