maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Simple ListingCard example to styleguide

Browse source
This commit is contained in:
Vesa Luusua 2017-03-01 13:21:15 +02:00
parent e9ba0ac855
commit 74cbd822ea
2 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/ListingCard/ListingCard.example.js Normal file
View file

@ -0,0 +1,17 @@
/* eslint-disable no-console, import/prefer-default-export */
import React from 'react';
import ListingCard from './ListingCard';
import { createUser, createListing } from '../../util/test-data';
const author = createUser('user1');
const listing = { ...createListing('listing1'), author };
const ListingCardWrapper = () => (
<div style={{ width: '400px' }}>
<ListingCard listing={listing} />
</div>
);
export const ListingCardWrapped = {
component: ListingCardWrapper,
};

2
src/examples.js
View file

@ -1,5 +1,6 @@
// components
import * as BookingInfo from './components/BookingInfo/BookingInfo.example';
import * as ListingCard from './components/ListingCard/ListingCard.example';
import * as NamedLink from './components/NamedLink/NamedLink.example';
// containers
@ -17,6 +18,7 @@ export {
ChangeAccountPasswordForm,
ChangePasswordForm,
HeroSearchForm,
ListingCard,
LoginForm,
NamedLink,
PasswordForgottenForm,