@schibstedspain/sui-card-image-cover v1.3.0

CardImageCover

SUI CardImageCover component is a card containing a background image, an optional tag, a title and text.

Installation

$ npm install @schibstedspain/sui-card-image-cover --save

Usage

Basic usage

import CardImageCover from '@schibstedspain/sui-card-image-cover'

const cardData = {
  media: {
    alt: "Lorem ipsum",
    src: "https://s.ccdn.es/images/landing-seller-hero@2x.jpg"
  },
  title: "Lorem ipsum dolor sit amet",
  text: "Nulla orci mauris, ultricies hendrerit augue eu",
  url: "https://www.coches.net",
  tag: {
    url: 'http://www.coches.net/novedades/',
    text: 'News',
    type: 'novedades'
  }
}

return (<CardImageCover {...cardData} />)

Find full description and more examples in the demo page.