Skip to main content

react-bootstrap

Bootstrap 3 components built with React https://react-bootstrap.github.io/

Docs

See the documentation with live editable examples.

Related modules

Local setup

  • Install the dependencies with npm install
  • Run tests npm test
  • Run tests in watch mode npm run tdd
  • Run the docs site in development mode with npm run docs. This will watch for file changes as you work. Simply refresh the page to see the updates.
  • Build with npm run build


Note: Special thanks to react-bootstrap

Contact Me - mtscout6+react-bootstrap@gmail.com

Disclaimer: The blog is created to share react components information to geek, curious ReactJS Developers.

Comments

Popular posts from this blog

React Autosuggest

Demo Check out the Homepage and the Codepen examples . Features WAI-ARIA compliant , with support for ARIA attributes and keyboard interactions Mobile friendly Plugs in nicely to Flux and Redux applications Full control over suggestions rendering Suggestions can be presented as plain list or multiple sections Suggestions can be retrieved asynchronously Highlight the first suggestion in the list if you wish Supports styling using CSS Modules , Radium , Aphrodite , JSS , and more You decide when to show suggestions (e.g. when user types 2 or more characters) Always render suggestions (useful for mobile and modals) Pass through arbitrary props to the input (e.g. placeholder, type, onChange , onBlur , or any other), or take full control on the rendering of the input (useful for integration with other libraries) Thoroughly tested Installation yarn add react-autosuggest or npm install react-autosuggest --save You can also use the standalone UMD bu

react-anything-sortable

A ReactJS component that can sort any children with touch support and IE8 compatibility - http://jasonslyvia.github.io/react-anything-sortable/demo/ Features Sort any React element you like, images, composite components, etc. No external dependencies but React itself Touch event support Thoroughly tested Quick Demo Live Demo Sort custom style children Sort images Children with custom event handler Installation $ npm install --save react-anything-sortable // UMD build is provided as well, but please do consider use modern module bundlers like webpack or browserify. You have to add necessary styles for sortable to work properly, if you're using bundle tools like webpack, just import 'react-anything-sortable/sortable.css'; Or copy this css to your own style base. How to use You can check the straight-forward demo by examining demo folder, or here's a brief example. In app.js var ReactDOM = require('react-dom'); var Sort

React CSS components

Motivation Define React presentational components with CSS (or even SASS or Less if you like). The implementation is based on CSS modules. In fact React CSS Components is just a thin API on top of CSS modules. NOTE: The current implementation is based on Webpack but everything is ready to be ported onto other build systems (generic API is here just not yet documented). Raise an issue or better submit a PR if you have some ideas. Installation & Usage Install from npm: npm install react-css-components style-loader css-loader Configure in webpack.config.js: module.exports = { ... module: { loaders: [ { test: /\.react.css$/, loader: 'react-css-components', } ] } ... } Now you can author React components in Styles.react.css: Label { color: red; } Label:hover { color: white; } And consume them like regular React components: import {Label} from './styles.react.css' <Lab