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
4
votes
1 answer

Search bar to filter table results in React with timeout

I'm using Semantic React UI Search to filter results of a data table component in React. The table should display all data if search is empty, and display no data or the matching results if search is not empty. My issue is there's always a quick…
Tania Rascia
  • 1,563
  • 17
  • 35
4
votes
2 answers

Semantic input components and LastPass icons

Is there any way to prevent LastPass to stop putting a LastPass Icon on the Semantic rendered inputs (Dropdown and Checkbox)? I know I can put data-lpignore="true" onto to prevent it from happening - but I have no access to that tag in the…
Andrej Zacharenkov
  • 71
  • 6
4
votes
2 answers

How to retrieve the key into a Semantic-ui-react dropdown?

I have small question about react dropdown menus. I can extract the values inside the dropdown, but I also need the key, because my page is for selling stuff. So, it is an associative table and I need the id from each table to make my query…
CodeTech
  • 166
  • 1
  • 8
4
votes
1 answer

Semantic-ui-react Input field auto-submit triggers wrong behavior

I have a Form with an Input field, a TextArea and two (2) Buttons in a footer within the Form. The first button is for resetting the form and the second to update it. My problem is when I press "enter" in the Input field, the Form is submitted but…
Whyves
  • 491
  • 5
  • 13
4
votes
3 answers

How can I make sematic-ui-react Tab responsive?

I'm developing a react application and I recently start to use semantic ui react module. Unfortunately I'm not able to make the Tab object responsive... A really simple script to show this is: import React from 'react' import { withRouter } from…
Mikyjpeg
  • 1,179
  • 1
  • 13
  • 39
4
votes
1 answer

semantic-ui-react fixed sidebar and navbar: can't get sidebar and content to scroll nicely

I'm new to semantic-ui-react and stuck trying to implement this layout. Look at this fiddle This is the closest I've been able to achieve. The two components have scroll-able areas (desired) but my primary issue is the sidebar doesn't stay fixed…
davegravy
  • 888
  • 11
  • 28
4
votes
2 answers

Semantic-UI-React progressbar custom coloring

I want to dynamically change my Semantic-UI-React progressbar's color (not from the pre-set colors). The 'color' property of the Progress component accepts only pre-set values. When I pass style={{color: '#FFCC66'}}, nothing changes. When I pass…
StragaSevera
  • 466
  • 1
  • 4
  • 14
4
votes
0 answers

How to install themes in Semantic UI React

I am using Semantic UI React version 0.76.0, with React version 16.1.0. I am also using Webpack 3.8.1 and Babel. If it matters, I'm using NPM version 5.5.1. I can't seem to find a way to use a theme for Semantic UI React. I have seen some guides…
yummypasta
  • 1,398
  • 2
  • 17
  • 36
4
votes
5 answers

How can I focus a Search component programmatically in Semantic UI React?

As the question says it all, I cannot focus the Semantic UI Search component programmatically. I tried:
Yehan Pemarathne
  • 117
  • 1
  • 9
4
votes
2 answers

With Semantic UI React, how to build a tag input similar to Stack Overflow's?

I'm interested in building a Tag input feature like Stack Overflow where the feature set includes: Input field which has a autocomplete feature (takes user input, fetches results from the server and displays those results to the user for easy…
AnApprentice
  • 108,152
  • 195
  • 629
  • 1,012
4
votes
1 answer

Close Modal in UI React on Cancel button

I am following https://react.semantic-ui.com/modules/modal to create a Modal form. I want to close the Modal when click on the Cancel button. I am restricted not to use the shorthand method suggested in the link above. How should I write the…
Mervyn Lee
  • 1,957
  • 4
  • 28
  • 54
4
votes
1 answer

Path for Image Component with semantic-ui-react and webpack

I am building a ReactJS App using webpack. This simple example should render an with a given url as src-attribute. How can I bundle the image resource with webpack and process it via an appropriate loader? I can't figure out, why the image…
ILCAI
  • 1,164
  • 2
  • 15
  • 35
4
votes
0 answers

Semantic-Ui-React Input with dropdown using Redux-Form

This is maybe a little crazy and edge case but would be great if I could get this to work. I am using semantic-ui-react as a component library, but using redux-form for my form submission and validation. So far while working together, though a…
erp
  • 2,950
  • 9
  • 45
  • 90
4
votes
1 answer

Importing CSS in Semantic-UI-React

I will be using Semantic-UI-React in my project but I came across following issues: Docs link : https://react.semantic-ui.com/usage#css Docs say webpack 1 is supported but not recommended. I am using Create React App which comes with webpack…
FE_Addict
  • 647
  • 2
  • 11
  • 21
4
votes
2 answers

Semantic-ui-react: How do I trigger a Popup without it being click/hover?

When submitting a form, I wish to show a small popup for 2.5 seconds if the server sends back a bad response. The logic is fairly simple, however, I cannot figure out how to make this popup listen to a boolean somewhere in the state management(MobX…
cbll
  • 6,499
  • 26
  • 74
  • 117
1 2 3
…
58 59