@navinc/base-react-components/src/author-card.story.js

Nav's Pattern Library

import React from 'react'
import styled from 'styled-components'
import AuthorCard from './author-card.js'

const Wrapper = styled.div`
  padding: 16px;
`

export default {
  title: 'General/AuthorCard',
  component: AuthorCard,
}

export const Standard = (args) => (
  <Wrapper>
    <AuthorCard {...args} />
  </Wrapper>
)

Standard.args = {
  name: 'Gerri Detweiler',
  img: 'https://www.nav.com/wp-content/uploads/2016/04/Gerri-Detweiler-e1459887208223.jpg',
  imgAlt: 'Geri Detweiler',
  title: 'Education Director for Nav',
  description:
    'Credit expert Gerri Detweiler is education director for Nav. She has more than three decades of experience in consumer credit education, has been interviewed in more than 3500 news stories, and answered over 10,000 credit questions online.',
}