react-router-bootstrap

Integration between React Router and React-Bootstrap

Showing:

Popularity

Downloads/wk

70.3K

GitHub Stars

1.6K

Maintenance

Last Commit

2yrs ago

Contributors

26

Package

Dependencies

1

Size (min+gzip)

2.0KB

License

Apache-2.0

Type Definitions

Tree-Shakeable

No?

Categories

Readme

react-router-bootstrap Travis npm

Integration between React Router v4 and React Bootstrap.

Installation

For React Router v4:

npm install -S react-router-bootstrap

For React Router v3 or lower (see rr-v3 branch):

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>

Please note that by default React Router will match any location that contains path specified in to prop. To make <LinkContainer> to match the location exactly, set exact prop to true or use <IndexLinkContainer> instead.

Example

Following plain React Bootstrap component

<Button href="/foo/bar">Foo</Button>

becomes

import { LinkContainer } from 'react-router-bootstrap'
<LinkContainer to="/foo/bar">
  <Button>Foo</Button>
</LinkContainer>

Contributing

See CONTRIBUTING.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial