1 | # compat-card
|
2 |
|
3 | [![NPM version](https://img.shields.io/npm/v/compat-card.svg)](https://www.npmjs.com/package/compat-card)
|
4 |
|
5 | ## Usage
|
6 |
|
7 | Here is a quick example to get you started, it's all you need:
|
8 |
|
9 | ```jsx
|
10 | import React from 'react';
|
11 | ...
|
12 | import CompatCard from 'compat-card';
|
13 |
|
14 | function App() {
|
15 | return (
|
16 | <CompatCard />
|
17 | );
|
18 | }
|
19 | ```
|
20 |
|
21 | ## Props
|
22 |
|
23 | ```
|
24 | {
|
25 | id: string, //required
|
26 | title: string, //required
|
27 | image: string,
|
28 | subtitle: string,
|
29 | contentTitle: string,
|
30 | contentText: string,
|
31 | primaryText: string,
|
32 | secondaryText: string,
|
33 | headerButton: node,
|
34 | footerButtonLabel: string,
|
35 | footerIcon: node,
|
36 | footerStatus: {
|
37 | status: string,
|
38 | text: string
|
39 | },
|
40 | onSelect: func,
|
41 | onFooterButtonClick: func,
|
42 | onHeaderButtonClick: func
|
43 | }
|
44 | ```
|