Your app...
6 |
6 |
9 | );
10 | }
11 |
12 | export default VariantsExample;
13 |
--------------------------------------------------------------------------------
/src/divWithClassName.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import classNames from 'classnames';
3 |
4 | export default (className: string) =>
5 | React.forwardRef2x1
8 | 2x1
11 | First item
7 | Second item
8 | Third item
9 |
6 |
7 |
8 |
9 |
10 | );
11 | }
12 |
13 | export default BasicExample;
14 |
--------------------------------------------------------------------------------
/src/safeFindDOMNode.ts:
--------------------------------------------------------------------------------
1 | import ReactDOM from 'react-dom';
2 |
3 | export default function safeFindDOMNode(
4 | componentOrElement: React.Component | Element | null | undefined,
5 | ) {
6 | if (componentOrElement && 'setState' in componentOrElement) {
7 | return ReactDOM.findDOMNode(componentOrElement);
8 | }
9 | return (componentOrElement ?? null) as Element | Text | null;
10 | }
11 |
--------------------------------------------------------------------------------
/www/docs/examples/Grid/Container.js:
--------------------------------------------------------------------------------
1 | import Container from 'react-bootstrap/Container';
2 | import Row from 'react-bootstrap/Row';
3 | import Col from 'react-bootstrap/Col';
4 |
5 | function ContainerExample() {
6 | return (
7 | {ratio}
9 |
7 |
8 | Example heading
9 |
13 |
14 | );
15 | }
16 |
17 | export default Example;
18 |
--------------------------------------------------------------------------------
/www/docs/examples/Badge/Button.js:
--------------------------------------------------------------------------------
1 | import Badge from 'react-bootstrap/Badge';
2 | import Button from 'react-bootstrap/Button';
3 |
4 | function ButtonExample() {
5 | return (
6 |
10 | );
11 | }
12 |
13 | export default ButtonExample;
14 |
--------------------------------------------------------------------------------
/www/docs/examples/Stack/Horizontal.js:
--------------------------------------------------------------------------------
1 | import Stack from 'react-bootstrap/Stack';
2 |
3 | function HorizontalExample() {
4 | return (
5 |
8 | Example heading
9 |
10 | New
11 |
12 |
13 | First item
7 | Second item
8 | Third item
9 |
6 |
9 |
12 |
13 | );
14 | }
15 |
16 | export default BlockExample;
17 |
--------------------------------------------------------------------------------
/www/docs/examples/Grid/ContainerFluidBreakpoint.js:
--------------------------------------------------------------------------------
1 | import Container from 'react-bootstrap/Container';
2 | import Row from 'react-bootstrap/Row';
3 | import Col from 'react-bootstrap/Col';
4 |
5 | function ContainerFluidBreakpointExample() {
6 | return (
7 | First item
7 | Second item
8 | Third item
9 |
6 |
11 | );
12 | }
13 |
14 | export default ContextualExample;
15 |
--------------------------------------------------------------------------------
/www/docs/examples/Placeholder/Animation.js:
--------------------------------------------------------------------------------
1 | import Placeholder from 'react-bootstrap/Placeholder';
2 |
3 | function AnimationExample() {
4 | return (
5 | <>
6 | 8 |
10 |
6 |
11 | );
12 | }
13 |
14 | export default StripedExample;
15 |
--------------------------------------------------------------------------------
/www/docs/examples/ButtonGroup/Basic.js:
--------------------------------------------------------------------------------
1 | import Button from 'react-bootstrap/Button';
2 | import ButtonGroup from 'react-bootstrap/ButtonGroup';
3 |
4 | function BasicExample() {
5 | return (
6 | First item
7 | Second item
8 |
9 | Third item
10 | 10 |
14 |
15 | {items}
16 |
17 | 18 |{items}
19 |
20 | 21 |{items}
22 |
23 | );
24 |
25 | render(paginationBasic);
26 |
--------------------------------------------------------------------------------
/src/Switch.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import FormCheck, { FormCheckProps } from './FormCheck';
3 | import { BsPrefixRefForwardingComponent } from './helpers';
4 |
5 | type SwitchProps = Omit17 | 18 |
20 | 21 |
14 |
7 |
10 |
13 |
14 |
15 |
18 |
21 |
22 |
23 | );
24 | }
25 |
26 | export default SizesExample;
27 |
--------------------------------------------------------------------------------
/www/docs/examples/Card/HeaderAndFooter.js:
--------------------------------------------------------------------------------
1 | import Button from 'react-bootstrap/Button';
2 | import Card from 'react-bootstrap/Card';
3 |
4 | function HeaderAndFooterExample() {
5 | return (
6 | 9 |17 |10 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer 11 | posuere erat a ante. 12 |
13 | 16 |