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

Function Example

stories/examples/LayoutRowCols.js:4–46  ·  view source on GitHub ↗
(props)

Source from the content-addressed store, hash-verified

2import { Container, Row, Col } from 'reactstrap';
3
4function Example(props) {
5 return (
6 <Container>
7 <h6>xs=&ldquo;2&ldquo;</h6>
8 <Row xs="2">
9 <Col className="bg-light border">Column</Col>
10 <Col className="bg-light border">Column</Col>
11 <Col className="bg-light border">Column</Col>
12 <Col className="bg-light border">Column</Col>
13 </Row>
14 <h6>xs=&ldquo;3&ldquo;</h6>
15 <Row xs="3">
16 <Col className="bg-light border">Column</Col>
17 <Col className="bg-light border">Column</Col>
18 <Col className="bg-light border">Column</Col>
19 <Col className="bg-light border">Column</Col>
20 </Row>
21 <h6>xs=&ldquo;4&ldquo;</h6>
22 <Row xs="4">
23 <Col className="bg-light border">Column</Col>
24 <Col className="bg-light border">Column</Col>
25 <Col className="bg-light border">Column</Col>
26 <Col className="bg-light border">Column</Col>
27 </Row>
28 <h6>xs=&ldquo;4&ldquo;</h6>
29 <Row xs="4">
30 <Col className="bg-light border">Column</Col>
31 <Col className="bg-light border">Column</Col>
32 <Col className="bg-light border" xs="6">
33 xs=&ldquo;6&ldquo;
34 </Col>
35 <Col className="bg-light border">Column</Col>
36 </Row>
37 <h6>xs=&ldquo;1&ldquo; sm=&ldquo;2&ldquo; md=&ldquo;4&ldquo;</h6>
38 <Row xs="1" sm="2" md="4">
39 <Col className="bg-light border">Column</Col>
40 <Col className="bg-light border">Column</Col>
41 <Col className="bg-light border">Column</Col>
42 <Col className="bg-light border">Column</Col>
43 </Row>
44 </Container>
45 );
46}
47
48export default Example;

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…