Sha256: 372f1346dac29c377b272f0f3b2ab1e5d1f7d1bf79474c7d4f8c3f198fb65cec
Contents?: true
Size: 871 Bytes
Versions: 5
Compression:
Stored size: 871 Bytes
Contents
import React from "react"
import MonogramAvatar from "./MonogramAvatar"
import { withInfo } from '@storybook/addon-info'
import { select, text, boolean } from "@storybook/addon-knobs"
export default function MonogramAvatarStory(stories) {
stories.add("MonogramAvatar",
withInfo("An avatar that will display user initials when an image is not available")(
() => {
const props = {
border: boolean("border", true),
personName: text("personName", "Jason Cypret"),
size: select("size", ["smaller", "small", "base", "large", "larger"], "base"),
url: text("url", "https://s3-hq.powerhrg.com/nitro-production/avatars/32825/badge/new-face.jpg?AWSAccessKeyId=IWSW00NEQHMEYQTLZ7E9&Signature=ut0dmlR/qzvaSRoW%2BS8NU8jNh2Q%3D&Expires=3018764254"),
}
return <MonogramAvatar {...props}/>
}
)
)
}
Version data entries
5 entries across 5 versions & 1 rubygems