ArticleCard
Build awesome article card for your blog articles quickly.
View full example: ArticleCard Example
import React from 'react';
import { View } from 'react-native';
import { ArticleCard } from 'monalisa-ui';
const datas = [
{
img: 'http://lorempixel.com/640/480/abstract',
title: 'Et saepe in aut voluptates illum eum laudantium ipsam similique.',
category: 'Aut voluptatem dicta',
author: 'Dr. Ida Marvin',
time: '21 min ago',
},
{
img: 'http://lorempixel.com/640/480/abstract',
title: 'Et saepe in aut voluptates illum eum laudantium ipsam similique.',
category: 'Aut voluptatem dicta',
author: 'Dr. Ida Marvin',
time: '21 min ago',
},
{
img: 'http://lorempixel.com/640/480/abstract',
title: 'Et saepe in aut voluptates illum eum laudantium ipsam similique.',
category: 'Aut voluptatem dicta',
author: 'Dr. Ida Marvin',
time: '21 min ago',
},
];
const Example = () => (
<View>
{
datas.map((data, index) => (
<ArticleCard
key={index}
{...data}
style={{ marginBottom: 15 }}
/>
))
}
</View>
);
export default Example;
Configuration
Last updated