components
React Bootstrap components (c) 2014-present Stephen J. Collings, Matthew Honnibal, Pieter Vanderwerff: github.com/react-bootstrap
Collaborators
Gravatar for undefinedGravatar for undefinedGravatar for undefined
7
MIT
PUBLIC
All (73)
All (73)
breadcrumb (2)
buttons (6)
carousels (2)
containers (1)
controls (1)
dropdowns (4)
forms (11)
grid (4)
media (11)
misc (4)
navbars (4)
navs (2)
overlays (3)
page-layout (5)
pager (2)
pagination (2)
panels (3)
safe-anchor (1)
tables (1)
tabs (2)
transitions (2)
Main components (73)
Main components (73)
All components (73)

Breadcrumbs are used to indicate the current page’s location

90
Total downloads
Build: fail
Gravatar for undefined

A react component that represents a single breadcrumb item, part of a breadcrumbs navigation

82
Total downloads
Build: fail
Gravatar for undefined

A basic button React component

72
Total downloads
Build: fail
Gravatar for undefined

A React component that groups a series of <button>s together on a single line

60
Total downloads
Build: fail
Gravatar for undefined

A React component that allows combining sets of <ButtonGroup>s together on a single line

60
Total downloads
Build: fail
Gravatar for undefined

A react component for a close button.

62
Total downloads
Build: pass
Gravatar for undefined

For checkboxes or radio buttons styled as Buttons, you can can use the ToggleButtonGroup and ToggleButton components

22
Total downloads
Build: pass
Gravatar for undefined

For checkboxes or radio buttons styled as Buttons, you can can use the ToggleButtonGroup and ToggleButton components

20
Total downloads
Build: pass
Gravatar for undefined

A caption for a <Carousel> component

40
Total downloads
Build: pass
Gravatar for undefined

Represents a single Carousel item

410
Total downloads
Build: pass
Gravatar for undefined

A React element that displays an alert

60
Total downloads
Build: fail
Gravatar for undefined

A checkbox form control component for React.

40
Total downloads
Build: pass
Gravatar for undefined

<Dropdown.Menu> represents the menu of a <Dropdown> React component

40
Total downloads
Build: fail
Gravatar for undefined

Represents the toggle component of a React dropdown button

57
Total downloads
Build: pass
Gravatar for undefined

Represents a menu item in a dropdown

42
Total downloads
Build: fail
Gravatar for undefined

An inner component of <SplitButton>.

20
Total downloads
Build: pass
Gravatar for undefined

Using a <ControlLabel> as a label for a <FormControl> ensure accessibility

40
Total downloads
Build: fail
Gravatar for undefined

Represents a form layout

20
Total downloads
Build: pass
Gravatar for undefined

The <FormControl> component renders a form control with Bootstrap styling

47
Total downloads
Build: fail
Gravatar for undefined

<FormControl.Feedback> allows you to display a feedback icon when validation state is set on a <FormGroup>.

46
Total downloads
Build: pass
Gravatar for undefined

<FormControl.Static> renders static text.

46
Total downloads
Build: pass
Gravatar for undefined

The <FormGroup> component wraps a form control with proper spacing, along with support for a label, help text, and validation state

42
Total downloads
Build: fail
Gravatar for undefined

Displays help text if needed

40
Total downloads
Build: pass
Gravatar for undefined

<InputGroup> is a wrapper around form controls that allows to use add-ons, such as <InputGroup.Addon> and <InputGroup.Button>

42
Total downloads
Build: none
Gravatar for undefined

An add-on for <FormControl>, to be used when wrapped by <InputGroup>

44
Total downloads
Build: pass
Gravatar for undefined

A button that can accompany a <FormControl>, to be used when wrapped by <InputGroup>

44
Total downloads
Build: pass
Gravatar for undefined

A radio form control component for React.

40
Total downloads
Build: pass
Gravatar for undefined

When a <Grid>'s columns won’t clear correctly, introduce Clearfix

40
Total downloads
Build: fail
Gravatar for undefined

A React <Grid> column

42
Total downloads
Build: fail
Gravatar for undefined

<Grid> is a grid layout React component

42
Total downloads
Build: fail
Gravatar for undefined

A React <Grid> row

42
Total downloads
Build: fail
Gravatar for undefined

An image React component

40
Total downloads
Build: fail
Gravatar for undefined

Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left or right aligned i

40
Total downloads
Build: fail
Gravatar for undefined

Represent the body of a <Media> component

43
Total downloads
Build: fail
Gravatar for undefined

Default props for <Media> component

30
Total downloads
Build: none
Gravatar for undefined

Represent the heading of a <Media> component

42
Total downloads
Build: fail
Gravatar for undefined

A left-aligned image alongside textual context.

42
Total downloads
Build: fail
Gravatar for undefined

Use media objects inside a list (useful for comment threads or articles lists).

42
Total downloads
Build: fail
Gravatar for undefined

Represents a media list item (contained in a media list component).

42
Total downloads
Build: fail
Gravatar for undefined

A right-aligned image alongside textual context.

42
Total downloads
Build: fail
Gravatar for undefined

Allows browsers to determine video or slideshow dimensions based on the width of their containing block by creating an intrinsic ratio that

44
Total downloads
Build: fail
Gravatar for undefinedGravatar for undefined

Thumbnails are designed to showcase linked images with minimal required markup

41
Total downloads
Build: fail
Gravatar for undefined

Easily highlight new or unread items by adding a <Badge> to links, Bootstrap navs, and more

60
Total downloads
Build: fail
Gravatar for undefined

A glyph icon - use in buttons, button groups for a toolbar, navigation, or prepended form inputs.

48
Total downloads
Build: fail
Gravatar for undefined

Create a <Label>label</Label> to highlight information

30
Total downloads
Build: fail
Gravatar for undefined

Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars

20
Total downloads
Build: pass
Gravatar for undefined

Displays the brand inside a <Navbar> header.

30
Total downloads
Build: fail
Gravatar for undefined

To have a mobile friendly Navbar, Add a Navbar.Toggle to your Header and wrap your Navs in a Navbar.Collapse component

30
Total downloads
Build: pass
Gravatar for undefined

A header component for the <Navbar> component.

30
Total downloads
Build: pass
Gravatar for undefined

To have a mobile friendly Navbar, Add a Navbar.Toggle to your Header and wrap your Navs in a Navbar.Collapse component

30
Total downloads
Build: pass
Gravatar for undefined

A react component that contains navigation items

43
Total downloads
Build: fail
Gravatar for undefined

An item inside a <Nav>

47
Total downloads
Build: fail
Gravatar for undefined

The OverlayTrigger component is great for most use cases, but as a higher level abstraction it can lack the flexibility needed to build

30
Total downloads
Build: fail
Gravatar for undefined

The Popover, offers a more robust alternative to the Tooltip for displaying overlays of content

30
Total downloads
Build: fail
Gravatar for undefined

Tooltip component for a more stylish alternative to that anchor tag title attribute

30
Total downloads
Build: fail
Gravatar for undefined

A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site

40
Total downloads
Build: fail
Gravatar for undefined

List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content

20
Total downloads
Build: fail
Gravatar for undefined

List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content

40
Total downloads
Build: pass
Gravatar for undefined

A simple shell for an h1 to appropriately space out and segment sections of content on a page

40
Total downloads
Build: pass
Gravatar for undefined

Use the well as a simple effect on an element to give it an inset effect

31
Total downloads
Build: pass
Gravatar for undefined

Quick previous and next links

20
Total downloads
Build: fail
Gravatar for undefined

Represents an item in a <Pager>

22
Total downloads
Build: fail
Gravatar for undefined

Provide pagination links for your site or app with the multi-page pagination component

30
Total downloads
Build: pass
Gravatar for undefined

Pagination button for internal use with the pagination component

27
Total downloads
Build: pass
Gravatar for undefined

<Accordion /> aliases <PanelGroup accordion />

50
Total downloads
Build: pass
Gravatar for undefined

A panel React component

42
Total downloads
Build: fail
Gravatar for undefined

Groups a number of <Panel>s together

35
Total downloads
Build: fail
Gravatar for undefined

SafeAnchor ensures that when an anchor is used like a button its accessible

913
Total downloads
Build: pass
Gravatar for undefined

A table React component

54
Total downloads
Build: fail
Gravatar for undefined

Represents a container for tabs’ contents.

22
Total downloads
Build: pass
Gravatar for undefined

Represents the content shown for a specific tab.

22
Total downloads
Build: pass
Gravatar for undefined

Adds a collapse toggle animation to an element or component

44
Total downloads
Build: fail
Gravatar for undefined

Adds a fade animation to a child element or component.

47
Total downloads
Build: fail
Gravatar for undefined