1.26.0 • Published 5 days ago
@s-ui/react-atom-card v1.26.0
AtomCard
AtomCard is a component that structures two main containers (media & info for example), with the purpose of giving information about a product/client/article and linking to more detailed information about it.
Installation
$ npm install @s-ui/react-atom-card --save
Usage
import AtomCard from '@s-ui/react-atom-card'
const srcImageCar = 'http://images.com/my_image.jpg'
const urlTarget = 'https://www.coches.net/'
const CarImage = () => <AtomImage src={srcImageCar} alt="" />
const CarInfo = () => (
<div>
<h2>My Title</h2>
<p>My Description</p>
</div>
)
Basic usage
<AtomCard
media={CarImage}
content={CarInfo}
href={urlTarget}
/>
Vertical mode
<AtomCard
media={CarImage}
content={CarInfo}
vertical
/>
With highlight
<AtomCard
media={CarImage}
content={CarInfo}
highlight
/>
Find full description and more examples in the demo page.
1.26.0
5 days ago
1.25.0
11 months ago
1.24.0
2 years ago
1.23.0
2 years ago
1.22.0
2 years ago
1.21.0
3 years ago
1.20.0
3 years ago
1.19.0
3 years ago
1.18.0
3 years ago
1.17.0
3 years ago
1.16.0
3 years ago
1.15.0
3 years ago
1.14.0
4 years ago
1.13.0
4 years ago
1.12.0
4 years ago
1.11.0
4 years ago
1.10.0
4 years ago
1.9.0
4 years ago
1.8.0
4 years ago
1.7.0
4 years ago
1.6.0
4 years ago
1.5.0
4 years ago
1.4.0
5 years ago
1.3.0
5 years ago
1.2.0
5 years ago
1.1.0
6 years ago