kitten-components
Version:
Front-end components library
50 lines (48 loc) • 1.71 kB
JavaScript
import React from 'react'
import { storiesOf } from '@storybook/react'
import { withKnobs, text } from '@storybook/addon-knobs/react'
import { Container } from 'kitten/components/grid/container'
import { Grid, GridCol } from 'kitten/components/grid/grid'
import { TeamCard } from 'kitten/components/cards/team-card'
import { Marger } from 'kitten/components/layout/marger'
storiesOf('Cards', module)
.addDecorator(withKnobs)
.add('TeamCard', () => {
return (
<Container>
<Grid>
<GridCol col="3">
<Marger top="5" bottom="5">
<TeamCard>
<TeamCard.Image
src={text(
'Image url',
'http://via.placeholder.com/500x500/caf4fe/caf4fe',
)}
title={text('Image title', 'Title')}
/>
<TeamCard.Title
children={text('children', 'Lorem Ipsum')}
subTitle={text('Subtitle', 'Consectetur')}
/>
<TeamCard.Icons
email={text('Email', 'example@kisskissbankbank.com')}
phoneNumber={text('Phone number', '06 00 00 00 00')}
links={[
{
name: 'linkedin',
href: text('Linkedin link', 'https://www.linkedin.com'),
},
{
name: 'twitter',
href: text('Twitter link', 'https://www.twitter.com'),
},
]}
/>
</TeamCard>
</Marger>
</GridCol>
</Grid>
</Container>
)
})