react-overlays - Utilities for creating robust overlay components

  •        45

All of these utilities have been abstracted out of react-bootstrap in order to provide better access to the generic implementations of these commonly needed components. The included components are building blocks for creating more polished components. Everything is bring-your-own-styles, css or otherwise. If you are looking for more complete overlays, modals, or tooltips--something you can use right out of the box--check out react-bootstrap, which is (or soon will be) built on using these components.

https://react-bootstrap.github.io/react-overlays/
https://github.com/react-bootstrap/react-overlays

Dependencies:

classnames : ^2.2.5
dom-helpers : ^3.2.1
prop-types : ^15.5.10
prop-types-extra : ^1.0.1
react-transition-group : ^2.2.0
warning : ^4.0.0

Tags
Implementation
License
Platform

   




Related Projects

react-native-popover - A <Popover /> component for react-native

  •    Javascript

A <Popover> component for react-native. This is still very much a work in progress and only handles the simplest of cases, ideas and contributions are very welcome. However, as an alternative, I recommend you use @brentvatne's react-native-overlay library to wrap <Popover /> and bring it to the front no matter where it sits in the render tree.

Reactstrap - React component library for Bootstrap

  •    Javascript

Reactstrap is a React component library for Bootstrap. It contains React Bootstrap components that favor composition and control. The library does not depend on jQuery or Bootstrap javascript. However, Poppers.js via react-popper is relied upon for advanced positioning of content like Tooltips, Popovers, and auto-flipping Dropdowns.

react-useportal - 🌀 React hook for Portals

  •    TypeScript

Need to make dropdowns, lightboxes/modals/dialogs, global message notifications, or tooltips in React? React Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component (react docs). This hook is also isomorphic, meaning it works with SSR (server side rendering).

react-native-modal-picker - A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections

  •    Javascript

A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections. You can either use this component as an wrapper around your existing component or use it in its default mode. In default mode a customizable button is rendered.

react-native-root-modal - A pure JavaScript solution for react native`s modal component

  •    Javascript

Import library any where inside your code before AppRegistry.registerComponent is called. Invoked by React element way.


react-hint - Tooltip component for React, Preact, Inferno

  •    Javascript

React-hint is a small tooltip component for React which is developed with simplicity and performance in mind. It also plays nicely with Preact and Inferno. You don't need to include ReactHint in every component which uses tooltips, just include it once in the topmost container component. In case you need to define multiple instances of ReactHint, you can customise the attribute name per instance. ReactHint also supports custom tooltip content with attached event handlers by overriding the content renderer and returning a react node.

light-bootstrap-dashboard-react - React version of Light Bootstrap Dashboard

  •    CSS

Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple. It is built on top of React Bootstrap, using Light Bootstrap Dashboard and it is fully responsive. It comes with a big collections of elements that will offer you multiple possibilities to create the app that best fits your needs. It can be used to create admin panels, project management systems, web applications backend, CMS or CRM. The product represents a big suite of front-end developer tools that can help you jump start your project. We have created it thinking about things you actually need in a dashboard. Light Bootstrap Dashboard React contains multiple handpicked and optimized plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customization of this product.

volt-react-dashboard - Free and open source React

  •    Javascript

Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5 CSS framework. It features over 100 UI elements, plugins, and example based built with React components. Volt React is an extension of the popular react-bootstrap library and it is based on the newest version of Bootstrap 5.

react-bootstrap-typeahead - React typeahead with Bootstrap styling

  •    Javascript

A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js. It supports both single- and multi-selection and is compliant with WAI-ARIA authoring practices. Try the live examples. Please note that documentation and examples apply to the most recent release and may no longer be applicable if you're using an outdated version.

react-tooltip - react tooltip component

  •    Javascript

You can import node_modules/react-tooltip/standalone/react-tooltip.min.js into your page. Please make sure that you have already imported react and react-dom into your page.

react-popper - React wrapper around Popper.js (official)

  •    Javascript

React wrapper around Popper.js. important note: popper.js is not a tooltip library, it's a positioning engine to be used to build features such as (but not restricted to) tooltips.

react-popper - 🍿⚛Official React library to use Popper, the positioning library

  •    Javascript

React wrapper around Popper. important note: Popper is not a tooltip library, it's a positioning engine to be used to build features such as (but not restricted to) tooltips.

react-bootstrap - Bootstrap components built with React

  •    Javascript

Bootstrap 4 components built with React. See the documentation with live editable examples as well as docs.

formsy-react-components - A set of React JS components for use in a formsy-react form

  •    Javascript

formsy-react-components is a selection of React components that render form elements for use in a formsy-react form. The components render markup to be quickly included in a Bootstrap 3 form. This includes a <label>, help text, and some validation styling tied to formsy’s validation state and validation messages.

react-router-bootstrap - Integration between React Router and React-Bootstrap

  •    Javascript

Integration between React Router v4 and React Bootstrap. 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.

react-popover - A smart popover component for ReactJS

  •    Javascript

react-popover >= 0.5.0 supports React 16 while react-popover < 0.5.0 works with React 15.x.x and likely lower. There is no plan to support older versions of this library with back-ported patches and PRs for that purpose are not welcome since it increases maintenance for the authors. Look at the stories in our storybook.

react-dashboard - React Dashboard - isomorphic web dashboard template (React

  •    Javascript

built with React, Bootstrap, React Router (with Server Side Rendering!), Redux and GraphQL based on React Starter Kit and latest industry best practices.Demo. Use following credentials: user/password.

react-bootstrap-daterangepicker - A date/time picker for react (using bootstrap)

  •    Javascript

This is a commonjs library. You will need a tool like browserify/webpack/etc to build your code. For in depth documentation, see the original bootstrap-daterangepicker project page.

react-native-modal - An enhanced, animated and customizable react-native modal

  •    Javascript

An enhanced, animated and customizable react-native modal. The aim of react-native-modal is expanding the original react-native Modal component by adding animations and styles customization options while still providing a plain-simple API.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.