# react-router-bootstrap

> Integration between React Router and React-Bootstrap

Latest version **0.26.3** (published 2024-06-27) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install react-router-bootstrap
pnpm add react-router-bootstrap
yarn add react-router-bootstrap
bun add react-router-bootstrap
```

## Health

**Score 33/100 (F)** — status: abandoned.

Positive: has types package; no vulnerabilities; high maintenance score.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.26.3 |
| Published | 2024-06-27 |
| First published | 2014-08-05 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | separate (@types/react-router-bootstrap) |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 86.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1675 |
| Author | Matt Smith |
| Keywords | react, react-router, react-bootstrap |

## Links

- npm: https://www.npmjs.com/package/react-router-bootstrap
- Repository: https://github.com/react-bootstrap/react-router-bootstrap
- Issues: https://github.com/react-bootstrap/react-router-bootstrap/issues
- npm.io page: https://npm.io/package/react-router-bootstrap

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.26.3 (latest) — 2024-06-27
- 0.26.0-beta.2 (next) — 2021-11-23
- 0.25.0 (rr-v4) — 2019-03-27
- 0.23.3 (rr-v3) — 2017-04-25
- 0.26.2 — 2022-07-11
- 0.26.1 — 2022-03-11
- 0.26.0 — 2021-12-01
- 0.26.0-beta.1 — 2021-11-22
- 0.26.0-beta.0 — 2021-11-22
- 0.24.4 — 2017-09-08
- 0.24.3 — 2017-09-01
- 0.24.2 — 2017-04-19
- 0.23.2 — 2017-04-19
- 0.24.1 — 2017-04-18
- 0.23.1 — 2016-07-25
- … 53 more at https://npm.io/package/react-router-bootstrap/versions

## README

# react-router-bootstrap [![npm][npm-badge]][npm]
Integration between [React Router] v6 and [React Bootstrap].

## Installation

For React Router v6:
```sh
npm install -S react-router-bootstrap
```

For React Router v4 or v5 (see [rr-v4] branch):
```sh
npm install -S react-router-bootstrap@rr-v4
```

For React Router v3 or lower (see [rr-v3] branch):
```sh
npm install -S react-router-bootstrap@rr-v3
```

## Usage

Wrap your React Bootstrap element in a `<LinkContainer>` to make it behave like a React Router `<Link>`

`<LinkContainer>` accepts same parameters as React Router's [`<NavLink>`]

## Example

Following plain React Bootstrap component
```js
<Button href="/foo/bar">Foo</Button>
```
becomes
```js
import { LinkContainer } from 'react-router-bootstrap'
<LinkContainer to="/foo/bar">
  <Button>Foo</Button>
</LinkContainer>
```

## Contributing

See [CONTRIBUTING](CONTRIBUTING.md).

[React Router]: https://github.com/remix-run/react-router
[React Bootstrap]: https://github.com/react-bootstrap/react-bootstrap

[npm-badge]: https://badge.fury.io/js/react-router-bootstrap.svg
[npm]: http://badge.fury.io/js/react-router-bootstrap

[rr-v3]: https://github.com/react-bootstrap/react-router-bootstrap/tree/rr-v3
[rr-v4]: https://github.com/react-bootstrap/react-router-bootstrap/tree/rr-v4
[`<NavLink>`]: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/api/NavLink.md

---
_Source: https://npm.io/package/react-router-bootstrap · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._