MCPcopy Create free account
hub / github.com/reactstrap/reactstrap / Example

Function Example

stories/examples/Card/Decks.js:13–76  ·  view source on GitHub ↗
(props)

Source from the content-addressed store, hash-verified

11} from 'reactstrap';
12
13function Example(props) {
14 return (
15 <CardDeck>
16 <Card>
17 <CardImg
18 top
19 width="100%"
20 src="https://picsum.photos/256/186"
21 alt="Card image cap"
22 />
23 <CardBody>
24 <CardTitle tag="h5">Card title</CardTitle>
25 <CardSubtitle tag="h6" className="mb-2 text-muted">
26 Card subtitle
27 </CardSubtitle>
28 <CardText>
29 This is a wider card with supporting text below as a natural lead-in
30 to additional content. This content is a little bit longer.
31 </CardText>
32 <Button>Button</Button>
33 </CardBody>
34 </Card>
35 <Card>
36 <CardImg
37 top
38 width="100%"
39 src="https://picsum.photos/256/186"
40 alt="Card image cap"
41 />
42 <CardBody>
43 <CardTitle tag="h5">Card title</CardTitle>
44 <CardSubtitle tag="h6" className="mb-2 text-muted">
45 Card subtitle
46 </CardSubtitle>
47 <CardText>
48 This card has supporting text below as a natural lead-in to
49 additional content.
50 </CardText>
51 <Button>Button</Button>
52 </CardBody>
53 </Card>
54 <Card>
55 <CardImg
56 top
57 width="100%"
58 src="https://picsum.photos/256/186"
59 alt="Card image cap"
60 />
61 <CardBody>
62 <CardTitle tag="h5">Card title</CardTitle>
63 <CardSubtitle tag="h6" className="mb-2 text-muted">
64 Card subtitle
65 </CardSubtitle>
66 <CardText>
67 This is a wider card with supporting text below as a natural lead-in
68 to additional content. This card has even longer content than the
69 first to show that equal height action.
70 </CardText>

Callers

nothing calls this directly

Calls

no outgoing calls

Tested by

no test coverage detected

Used in the wild real call sites across dependent graphs

searching dependent graphs…