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
847 questions
0
votes
1 answer

Next.js and Semantic UI, Tab Element, Error: Element type is invalid

I am trying to implement tabs from semantic-ui into my Next.js app. I am getting this error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely…
danieljacky
  • 157
  • 1
  • 9
0
votes
0 answers

How to correctly implement Modals from semantic-ui-react library on button clicks?

I'm trying to implement this basic modal from the semantic-ui-react library and want this modal to show up whenever a button is clicked. Below is the code: const ModalModalExample = () => ( Show Modal}> …
m-ketan
  • 923
  • 2
  • 11
  • 21
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
  • 2
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
  • 261
  • 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
  • 33,301
  • 47
  • 188
  • 382
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
  • 78
  • 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
  • 346
  • 1
  • 2
  • 14
0
votes
1 answer

Why isn't my Radio button clickable?

My radio button is not clickable. This is my component: import React from 'react'; import { Form, Radio } from 'semantic-ui-react'; import PropTypes from 'prop-types'; const RadioButton = ({ name, label, className, value, onClick, checked,…
applechips
  • 13
  • 6
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
  • 341
  • 1
  • 4
  • 12
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,583
  • 1
  • 23
  • 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
  • 119
  • 1
  • 1
  • 5
-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
  • 683
  • 1
  • 7
  • 23
-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
  • 9,790
  • 23
  • 109
  • 225
-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…
VJR08
  • 5,503
  • 5
  • 21
  • 48
1 2 3
…
56
57