JSPM

react-bootstrap

1.6.3
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1238861
  • Score
    100M100P100Q175249F
  • License MIT

Bootstrap 4 components built with React

Package Exports

  • react-bootstrap
  • react-bootstrap/Accordion
  • react-bootstrap/AccordionCollapse
  • react-bootstrap/AccordionContext
  • react-bootstrap/AccordionToggle
  • react-bootstrap/Alert
  • react-bootstrap/Badge
  • react-bootstrap/BootstrapModalManager
  • react-bootstrap/Breadcrumb
  • react-bootstrap/BreadcrumbItem
  • react-bootstrap/Button
  • react-bootstrap/ButtonGroup
  • react-bootstrap/ButtonToolbar
  • react-bootstrap/Card
  • react-bootstrap/CardColumns
  • react-bootstrap/CardDeck
  • react-bootstrap/CardGroup
  • react-bootstrap/CardImg
  • react-bootstrap/Carousel
  • react-bootstrap/CarouselItem
  • react-bootstrap/CloseButton
  • react-bootstrap/Col
  • react-bootstrap/Collapse
  • react-bootstrap/Container
  • react-bootstrap/Dropdown
  • react-bootstrap/DropdownButton
  • react-bootstrap/DropdownItem
  • react-bootstrap/DropdownMenu
  • react-bootstrap/DropdownToggle
  • react-bootstrap/Fade
  • react-bootstrap/Feedback
  • react-bootstrap/Figure
  • react-bootstrap/FigureCaption
  • react-bootstrap/FigureImage
  • react-bootstrap/Form
  • react-bootstrap/FormCheck
  • react-bootstrap/FormCheckInput
  • react-bootstrap/FormCheckLabel
  • react-bootstrap/FormContext
  • react-bootstrap/FormControl
  • react-bootstrap/FormFile
  • react-bootstrap/FormGroup
  • react-bootstrap/FormLabel
  • react-bootstrap/FormText
  • react-bootstrap/Image
  • react-bootstrap/InputGroup
  • react-bootstrap/Jumbotron
  • react-bootstrap/ListGroup
  • react-bootstrap/ListGroupItem
  • react-bootstrap/Media
  • react-bootstrap/Modal
  • react-bootstrap/ModalBody
  • react-bootstrap/ModalDialog
  • react-bootstrap/ModalFooter
  • react-bootstrap/ModalHeader
  • react-bootstrap/ModalTitle
  • react-bootstrap/Nav
  • react-bootstrap/NavDropdown
  • react-bootstrap/NavItem
  • react-bootstrap/NavLink
  • react-bootstrap/Navbar
  • react-bootstrap/NavbarBrand
  • react-bootstrap/NavbarCollapse
  • react-bootstrap/NavbarContext
  • react-bootstrap/NavbarToggle
  • react-bootstrap/Overlay
  • react-bootstrap/OverlayTrigger
  • react-bootstrap/PageItem
  • react-bootstrap/Pagination
  • react-bootstrap/Popover
  • react-bootstrap/PopoverContent
  • react-bootstrap/PopoverTitle
  • react-bootstrap/ProgressBar
  • react-bootstrap/ResponsiveEmbed
  • react-bootstrap/Row
  • react-bootstrap/SafeAnchor
  • react-bootstrap/Spinner
  • react-bootstrap/SplitButton
  • react-bootstrap/Switch
  • react-bootstrap/Tab
  • react-bootstrap/TabContainer
  • react-bootstrap/TabContent
  • react-bootstrap/TabPane
  • react-bootstrap/Table
  • react-bootstrap/Tabs
  • react-bootstrap/ThemeProvider
  • react-bootstrap/Toast
  • react-bootstrap/ToastBody
  • react-bootstrap/ToastHeader
  • react-bootstrap/ToggleButton
  • react-bootstrap/ToggleButtonGroup
  • react-bootstrap/Tooltip
  • react-bootstrap/cjs/Pagination
  • react-bootstrap/cjs/Spinner
  • react-bootstrap/createChainedFunction
  • react-bootstrap/dist/react-bootstrap
  • react-bootstrap/esm
  • react-bootstrap/esm/Form
  • react-bootstrap/esm/Image
  • react-bootstrap/esm/ThemeProvider

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-bootstrap) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React-Bootstrap

Bootstrap 4 components built with React.

GitHub Actions CI status Travis CI Build status npm Codecov Discord Netlify

Docs

See the documentation with live editable examples and API documentation.

To find the documentation for the latest Bootstrap 3 compatible release, go here.

Migrating from Bootstrap 3 to Bootstrap 4

If you would like to update React-Bootstrap within an existing project to use Bootstrap 4, please read our docs for migrating to React-Bootstrap V1.

Local setup

Yarn is our package manager of choice here. Check out setup instructions here if you don't have it installed already. After that you can run yarn run bootstrap to install all the needed dependencies.

From there you can:

  • Run the tests once with yarn test (Or run them in watch mode with yarn run tdd).
  • Start a local copy of the docs site with yarn start
  • Or build a local copy of the library with yarn run build

CodeSandbox Examples

Click here to explore some React-Bootstrap CodeSandbox examples.

Click here to automatically open CodeSandbox with the React-Bootstrap CodeSandbox Examples GitHub Repository as a workspace.

Contributions

Yes please! See the contributing guidelines for details.