7 Likes

React Bootstrap components (c) 2014-present Stephen J. Collings, Matthew Honnibal, Pieter Vanderwerff: github.com/react-bootstrap

buttons

A basic button React component


7
210

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


6
04

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


6
02

A react component for a close button.


6
23

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


2
21

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


2
01

carousels

A caption for a <Carousel> component


4
02

Represents a single Carousel item


4
101

containers

A React element that displays an alert


6
04

controls

A checkbox form control component for React.


4
03

forms

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


4
02

Represents a form layout


2
02

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


4
72

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


4
63

<FormControl.Static> renders static text.


4
62

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


4
22

Displays help text if needed


4
01

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


4
21

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


4
03

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


4
04

A radio form control component for React.


4
02

grid

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


4
02

A React <Grid> column


4
02

<Grid> is a grid layout React component.


4
02

A React <Grid> row


4
02

media

An image React component


4
01

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


4
01

Represent the body of a <Media> component


4
31

Default props for <Media> component


3
01

Represent the heading of a <Media> component


4
22

A left-aligned image alongside textual context.


4
21

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


4
21

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


4
21

A right-aligned image alongside textual context.


4
21

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


4
42

Thumbnails are designed to showcase linked images with minimal required markup


4
11

misc

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


6
02

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


4
82

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


3
01

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


2
03

overlays

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


3
03

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


3
02

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


3
06

page-layout

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


4
02

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


2
02

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


4
05

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


4
02

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


3
13

pager

Quick previous and next links


2
01

Represents an item in a <Pager>


2
22

pagination

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


3
03

Pagination button for internal use with the pagination component


2
71

panels

<Accordion /> aliases <PanelGroup accordion />


4
02

A panel React component


4
23

Groups a number of <Panel>s together


3
03

safe-anchor

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


9
132

tables

A table React component


5
43

tabs

Represents a container for tabs’ contents.


2
21

Represents the content shown for a specific tab.


2
11

transitions

Adds a collapse toggle animation to an element or component


4
43

Adds a fade animation to a child element or component.


4
62