Stack Overflow
Stack Overflow

Questions tagged [semantic-ui-react]

Semantic-UI-React is the official React integration for Semantic UI

Semantic-UI-React is the official React integration for Semantic UI.

Current version: Semantic UI React (version v0.81.1 as of 2018-06-04)

  • jQuery Free
  • Declarative API
  • Augmentation
  • Shorthand Props
  • Sub Components
  • Auto Controlled State
874 questions
0
votes
1 answer

semantic-ui-react grid - display full width of column, after "only” columns is hidden

I would like to know if this same technique is possible in semantic-ui-react? I would like the main content grid column to go full width in cases when the optional column is hidden.
stonelyd
  • 3
  • 3
0
votes
1 answer

Semantic UI sidebar won't show - React

I'm currently implementing a sidebar on my AppBar using Semantic UI in React. So far I've gotten this down : import React, { Component } from 'react' import { Menu, Segment, Dropdown, Icon, Button, Sidebar, Dimmer } from 'semantic-ui-react' import {…
Diveye
  • 271
  • 3
  • 16
0
votes
1 answer

Including styles in React application

I have the javascript code written to be implemented on other sites. It's like small modal window that is opened for user purposes. While developing it i were using semantic ui stylesheets. But now I understood that if user want to add this window…
Bogdan Yatsuk
  • 9
  • 2
0
votes
1 answer

Semantic UI react, render dropdown/modal only when it's visible?

Is there a way to delay rendering of content of dropdown/modal until it is open? I see they are being rendered even if they are not visible until user clicks to see its contents.
eugene
  • 39,839
  • 68
  • 255
  • 489
0
votes
1 answer

Semantic-UI-React Footer

I've been learning ReactJS for the past couple of days and have been trying to build a website using semantic-ui-react in ReactJS. I understand there are components that one can use now but I am stuck on what to do in a scenario such as the creation…
niiapa
  • 88
  • 1
  • 8
0
votes
1 answer

Dropdown won't accept defaultValue change

https://codesandbox.io/s/pQoyXymr2 Here's the demo. It seems Dropdown only receive defaultValue once, and not changing after, why?
Fate Riddle
  • 364
  • 1
  • 3
  • 15
0
votes
1 answer

Semantic-ui - how to prevent semantic-ui css file from globally taking over other divs / parts of the page / app

I am loading basic semantic-ui.min.css through CDN, ie: However, my page has other divs like this:
dev
  • 431
  • 1
  • 6
  • 13
0
votes
1 answer

semanti-ui-react Dropdown - how to stop changing the placeholder on opening?

Trying to get just the basic semantic-ui-react Dropdown working, I can't seem to figure out how to prevent the placeholder to take on the value of the first option when the Dropdown is opened. Is it even possible? A Pen with an example here:…
Piotr Zurek
  • 2,800
  • 2
  • 24
  • 32
0
votes
2 answers

Semantic UI for React

I have an issue with styling React Components with semantic Ui for React (http://react.semantic-ui.com/). I know I can modify the Semantic UI's styles Core and I did that however sometime I want to put my own styles into their components. And I…
user4821826
  • 129
  • 1
  • 1
  • 6
-1
votes
1 answer

Different items are getting active and selected instead of one item

I have implemented a react semantic ui dropdown in a react application which is searchable. The dropdown works fine if a select any item by clicking on it. But when I select the element by search text in the drop down the element matching the search…
Raj Rajeshwar Singh Rathore
  • 673
  • 1
  • 9
  • 30
-1
votes
2 answers

why checkbox is not checked in react js?

I am using react final form but I am not able to checked the checkbox. I do not know what I am doing wrong. Here is my Code const AppWithIconToggle = ({ input }) => { console.log("ddd", !!input.value); return (
user944513
  • 12,247
  • 49
  • 168
  • 318
-1
votes
2 answers

Downloading a file using ReactJS+semantic-ui-react

I have this condition where on click of a button , I make a fetch request which will give me a url of a file that needs to be downloaded. How do I achieve the same? Fetch API will give me a link to a file which needs to be downloaded Help would be…
joy08
  • 9,004
  • 8
  • 38
  • 73
-1
votes
1 answer

how to get input field value whatever user type?

I am trying to get input field value whatever user type in input field.using this input text I am trying to fetch data from server and display on dropdown .then select value from dropdown Here is my…
user944513
  • 12,247
  • 49
  • 168
  • 318
-1
votes
1 answer

Semantic UI React - How to prevent scrolling on button press for required input in form?

I'm attempting to prevent the page from scrolling whenever a button is pressed in a form with a required input. Here is an example of what I am referring to. To see what I mean, scroll the viewer on the right all the way down and press the button,…
J. L. L. 4
  • 1
-1
votes
2 answers

Is it possible to modify the search bar length? + defaultValue doesn't seem to work

Is it possible to make the length of the search bar wider? I am not talking about the actual size because there is a size property, just length. Also, the defaultValue in Search doesn't seem to work at all, is it just me? The code I am using is…
Contentop
  • 1,163
  • 3
  • 20
  • 43
1 2 3
…
58
59