bpk-component-content-cards
v1.1.2
Published
Backpack content-cards component.
Downloads
20
Maintainers
Keywords
Readme
BpkContentCards
Backpack example component.
Installation
npm install bpk-component-content-cards --save-dev
Usage
import React from 'react';
import BpkContentCards from '@skyscanner/backpack-web/bpk-component-content-cards';
<BpkContentCards
heading='Heading'
cards=[
{
image: {
url: 'http://skyscanner.net/card-1-image-link.jpg',
alt: 'People surfing in the ocean',
},
headline: 'Card headline',
description: 'Card description',
href: 'http://skyscanner.net/card-1-cta-link.html',
},
]
/>
export default () => <BpkContentCards />;
Props
| Property | PropType | Required | Default Value | | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------ | ------------- | | heading | string | true | | | cards imageurlaltheadlinedescriptionhref | Array Objectstringstringstringstringstring | true truetruefalsetruetruetrue | "" |