bpk-component-content-cards v1.1.2

BpkContentCards

Backpack example component.

• Storybook link
• Content Cards Docs

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