react-bs-notifier - A react component to show growl-like notifications using bootstrap alerts

  •        21

A react component to show growl-like notifications using bootstrap alerts. See a live demo.

https://chadly.github.io/react-bs-notifier/
https://github.com/chadly/react-bs-notifier

Dependencies:

prop-types : 15.x
react-jss : >= 8 <9
react-transition-group : 2.x
toetag : 3.x

Tags
Implementation
License
Platform

   




Related Projects

node-notifier - A Node

  •    Javascript

Send cross platform native notifications using Node.js. Notification Center for macOS, notify-osd/libnotify-bin for Linux, Toasters for Windows 8/10, or taskbar Balloons for earlier Windows versions. Growl is used if none of these requirements are met. Works well with electron. Standard usage, with cross-platform fallbacks as defined in the reporter flow chart. All of the options below will work in a way or another on all platforms.

react-native-notifications - React native notifications

  •    Java

Handle all the aspects of push notifications for your app, including remote and local notifications, interactive notifications, silent notifications, and more. For information regarding proper integration with react-native-navigation, follow this wiki.

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).

reactstrap - Simple React Bootstrap 4 components

  •    Javascript

Stateless React Components for Bootstrap 4. Follow the create-react-app instructions up to the Adding Bootstrap section and instead follow the reactstrap version of adding bootstrap.

react-native-onesignal - React Native Library for OneSignal Push Notifications Service

  •    Objective-C

OneSignal is a free push notification service for mobile apps. This SDK makes it easy to integrate your native React-Native iOS and/or Android apps with OneSignal. See the Setup Guide for setup instructions.


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-notifications-component - Highly configurable and easy to use React Component to notify your users!

  •    Javascript

You must place ReactNotificationsComponent component at the root level of the application in order to work properly, otherwise it might conflict with other DOM elements due to the positioning. Use ref arrow syntax when declaring ReactNotificationsComponent in order to have access to internal method addNotification. All API methods provided must be called like this.

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.

react-overlays - Utilities for creating robust overlay components

  •    Javascript

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.

react-fontawesome - A React Font Awesome component.

  •    Javascript

A React component for the font-awesome icon library. Note: This component does not include any of the Font Awesome CSS or fonts, so you'll need to make sure to include those on your end somehow, either by adding them to your build process or linking to CDN versions.

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.

react-native-push-notification - React Native Local and Remote Notifications

  •    Java

NOTE: For Android, you will still have to manually update the AndroidManifest.xml (as below) in order to use Scheduled Notifications. Having a problem? Read the troubleshooting guide before raising an issue.

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.

bootstrap-growl - Pretty simple jQuery plugin that turns standard Bootstrap alerts into "Growl-like" notifications

  •    Javascript

Pretty simple jQuery plugin that turns standard Bootstrap alerts into hovering "Growl-like" notifications. By default, growls use the standard 'alert' Bootstrap style, are 250px wide, right aligned, and are positioned 20px from the top right of the page.

react-notification - Provides snackbar notifications for React

  •    Javascript

React Notification provides snackbar notification messages and notification stacks. The default visual style and interaction follows Material Design guidelines for snackbars and can be fully customized. Copyright (c) 2015-2018 Patrick Burtchaell.

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-button-component - A Beautiful, Customizable React Native Button component for iOS & Android

  •    Javascript

React Native Button component for iOS & Android. CircleButton, RoundButton, RectangleButton is on top of ButtonComponent. So I recommend you should use CircleButton, RoundButton, RectangleButton, rather than directly use ButtonComponent because those button components may have preset some options.

kalendaryo - An unopinionated React date component :atom_symbol: + :date:fns

  •    Javascript

Kalendaryo is an unopinionated React component for building calendars. It has no opinions about what your calendar component should look or function like but rather only helps you deal with those unique constraints by providing various variables your calendar component needs such as the calendar's state data and methods for getting(i.e. all the days in a month) and setting(i.e. selecting the date from a day) plus many more! See the Basic Usage section to see how you can build a basic calendar component with Kalendaryo, or see the Examples section to see more examples built with Kalendaryo. Is the state for the current date the component is in. By convention, this should only change when the calendar changes its current date, i.e. moving to and from a month or year on the calendar.