All Questions
41 questions
2
votes
0
answers
320
views
How to combine React-Virtualized with Material UI grid or Bootstrap Gird?
I have a simple layout of a grid that I would like to virtualize it.
<Grid
maxWidth='xl'
height='100%'
container
direction='row'
justifyContent='...
- 404
1
vote
2
answers
6k
views
How to add mui react button icon in a clean way?
I am making an app using react mui - bootstrap.
I have a form people need to write in, and a submit button icon from mui.
This is what it looks like, and how I want it to stay
What I want it to look ...
- 13
-1
votes
2
answers
224
views
React Bootstrap Button
Can anyone tell me how to add telephone number to the react bootstrap buttons, when clicking should call that number.
I have used div tags and link to make it look like a button. what I want to do is ...
0
votes
1
answer
225
views
Centering containers with React Bootstrap
I have an old react website that I'm starting to work on again. I made no changes to the code except updating packages to their current versions. npm start starts up with no issues. The problem is, ...
- 591
1
vote
0
answers
1k
views
Adding material UI to Asp net core react application
I have complete asp net core react web application but I need a component from the React MUI library...
I tried installing the MUI package using:
npm install @mui/material @emotion/react @emotion/...
- 31
0
votes
3
answers
1k
views
How are the imports implemented in different React libraries and how can I implement the same pattern in my own library?
For example, the recommended way of importing in React Bootstrap is to go this way:
import Button from 'react-bootstrap/Button' instead of import { Button } from 'react-bootstrap';
The reason is "...
- 49
0
votes
1
answer
264
views
How to have a design of the upload button inside the circle in the website either using: bootstrap, React, materialUI?
This is how It must looks like:
here is the image , circle is a place where phtoto must be uploaded
<div class="container ">
<div class="row mx-auto">
<...
4
votes
1
answer
4k
views
How to add more action icons to material UI accordion?
I want to achieve something like in the above picture. Apart from down arrow (collapse) , I want to add an edit and a delete icon as well. How can I achieve this? Here is some code for material UI ...
- 73
4
votes
4
answers
4k
views
MUI Component vs React Bootstrap
I'm developing an app using react js. I just want to ask your opinion. Is it redundant to use MUI Component and React Bootstrap at the same time?
- 321
10
votes
3
answers
21k
views
Drag-and-drop React UI builder?
I want to build my own web-based version of MS Paint using React. I have the basic javascript canvas code written and now I want to make a nice gui with a menu bar across the top, and a section on the ...
- 561
-1
votes
1
answer
641
views
How to open card on click or hover?
After clicking on the Set tag/status on left, I want to open a card like this on the right.
What is the good solution for it in React? Regular CSS or material ui or react-bootstrap will be fine.
- 637
2
votes
0
answers
129
views
Cannot find index.js file in React-Bootstrap Module
Been trying to install and use a ReactJS UI library and keep getting a compilation error. It seems that the entry file cannot be found for the modules. I get the same error with the material-ui ...
- 21
0
votes
0
answers
224
views
Material UI Grid spacing mystery
Hi everyone and happy Friday! Hope all doing good. I am just here because I have some confusion with Material UI's Grid Spacing. I am using React with Material UI's Grid component API. And in this ...
- 177
1
vote
2
answers
3k
views
UncontrolledTooltip ReactStrap border over icon
I'm using reactstrap and UncontrolledTooltip with a Mdi Icon.
When I hover the tooltip, it works fine, but I get a border each time I click on the icon (I don't want that border to appear at all.
...
- 149
1
vote
0
answers
32
views
Can't create the html table similarly with photo
I tried to create that ,but, think it is not correct
here is my code:
import React from 'react';
import { connect } from 'react-redux';
import tableStyles from './table.module.css'
import ...
- 192