1.0.3 • Published 8 years ago
semantic-card-sample v1.0.3
semantic-card-sample
A sample content card using semantic-ui and ReactJS
Usage
See demo at revolunet.github.io/semantic-card-sample/#/demo
const data = {
title: 'Nikola Tesla',
subtitle: 'Born in 1856 in Croatia',
cover: 'https://upload.wikimedia.org/wikipedia/commons/d/d4/N.Tesla.JPG',
html: '<p>some html</p>',
images: [{
url: 'http://newshour-tc.pbs.org/newshour/wp-content/uploads/2013/07/Tesla_colorado.jpg'
},{
url: 'https://freewiseman.files.wordpress.com/2015/08/nikola-tesla-1.jpg'
},{
url: 'https://upload.wikimedia.org/wikipedia/en/1/16/Teslathoughtcamera.jpeg'
},{
url: 'https://upload.wikimedia.org/wikipedia/commons/9/9e/Twain_in_Tesla%27s_Lab.jpg'
}],
videos: [{
url: 'https://www.youtube.com/watch?v=4QPRhTfUhPQ'
},{
url: 'https://www.youtube.com/watch?v=77LEblQNI94'
}]
}
const Demo = () => <SampleCard { ...data }/>