Stack Overflow
Stack Overflow

Questions tagged [reactstrap]

Stateless React Components for Bootstrap 4.

React Bootstrap 4 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.

The library documentation can be found in github.

778 questions
4
votes
3 answers

Scrollable Table with Fixed Header using Reactstrap responsive table

I have this Table https://stackblitz.com/edit/reactstrap-v8-pwyocr?file=Example.js implemented in one of my projects just wanted is its possible to Make the Header Constant and just make the Body of Table Move (Some Thing like this:…
Virus
  • 171
  • 2
  • 11
4
votes
1 answer

Bootstrap Toast at bottom right of page

I am looking for the most efficient way to display stacking Bootstrap 4 toasts at the bottom right of the page. I haven't been able to find any decent examples of how to do this online. Currently I have them stacking from the top right.
Sean Thorburn
  • 1,728
  • 17
  • 31
4
votes
5 answers

Display menu on hover reactjs

In a react application, I am using reactstrap css framework to make the dropdowns to list the dropdown menus. Example.Js
user12640294
4
votes
2 answers

How to use reactstrap popover on hover?

I am new to the react . Here I am using a library called reactstrap, In which , import React from 'react'; import { Button, Popover, PopoverHeader, PopoverBody } from 'reactstrap'; export default class Example extends React.Component { …
ganesh kaspate
  • 1
  • 9
  • 41
  • 88
4
votes
2 answers

Dynamically Select Options From Multiple Select Dropdown With Reactstrap In React js

I have the following function: loadTag(data, td) { var tag = this.state.session.tag.map((el) => $.inArray( el.name, data ) ? :
4
votes
3 answers

How to change The style of a reactstrap modal in react?

Problem: I have created A reactstrap Modal and now I want to add a custom styling to it so that I had a class and wrote CSS styling but it does not seem to work. Can someone help me to solve this problem?. This is my code. import React, { Component…
dwp
  • 908
  • 4
  • 24
  • 42
4
votes
1 answer

React failed to compile reactLifecyclesCompat error

I'm having problem in react. Its compilation error says: Failed to compile ./node_modules/reactstrap/dist/reactstrap.es.js Attempted import error: 'react-lifecycles-compat' does not contain a default export (imported as…
Nawaz
  • 303
  • 1
  • 4
  • 15
4
votes
1 answer

Strange React Compiler Behavior

I do the project on ReactJS. Put the reactstrap module for elements from bootstrap4. I have reactstrap tabs: import React, {Component} from 'react'; import { Button, Col, Container, Form, Input, InputGroup, InputGroupAddon,…
Tsyklop
  • 369
  • 1
  • 9
  • 24
4
votes
2 answers

ReactStrap Handle Input Implicit Submit

Whenever I press Enter when focused on the Input text box, the implicit submit from the Input element triggers a submission and reloads the page: import React, { Component } from "react"; import { Col, Button, Form, FormGroup, Label, Input } from…
suvtfopw
  • 928
  • 10
  • 18
4
votes
1 answer

ReactStrap modal close icon is not getting show in the modal and How to use the header with some another tag

I am new to the react js. Here I am using the Modal of reactStrap. Change this Question?
4
votes
3 answers

reactstrap alert automatic hidden

I am new in React and I use Alert - Dismissing from Reactstrap , I need the alert to automatically disappear after 2s. I tried to find some function that could be done, but unfortunately I did not. Thank you for help
user3468921
  • 561
  • 2
  • 8
  • 26
4
votes
1 answer

Using Electron with Reactstrap causes error: Uncaught SyntaxError: Unexpected token :

When attempting to use the reactstrap package in an Electron boilerplate app by first installing the npm packages npm install --save reactstrap react react-dom npm install bootstrap --save then importing the Bootstrap CSS in…
Nyxynyx
  • 61,411
  • 155
  • 482
  • 830
4
votes
1 answer

nav-toggle not showing its invisible reactjs

i am new to react. for making page responsive i have added nav-toggle for header. but its not showing anything. while inspecting its there but invisible.and while clicking it the page is refreshing.code is given below. code:-
rnr
  • 94
  • 1
  • 13
4
votes
1 answer

Q: Correct way posting JSON from Reactstrap form

I'd like to get the JSON from a form I created using Reactstrap in order to be able to post it against my backend. I've found this example. I want to use Reactstrap so I wasn't able to put an onSubmit={this.handleSubmit} onto the Form component.…
youngStupidQuestionGod
  • 115
  • 2
  • 13
4
votes
3 answers

Reactstrap: Getting Modal to work

Trying to learn React and Reactstrap and trying to get Modals to work. When I click the button, it should toggle the Modal, but right now it's giving me this error: Element type is invalid: expected a string (for built-in components) or a…
Scott
  • 1,207
  • 2
  • 15
  • 38
1 2 3
…
51 52