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

disable semantic Button in react

how to dynamically set semantic Button to disabled in react:
lina
  • 77
  • 1
  • 9
4
votes
1 answer

react/semantic-ui: How to get a fullscreen segment

I would like to build a layout like the homepage example of semantic-ui: http://semantic-ui.com/examples/homepage.html The first vertical black segment has nearly full height. It is done by the masthead class, but I don't understand from where this…
user3142695
  • 15,844
  • 47
  • 176
  • 332
4
votes
3 answers

Module parse failed: error: semantic/dist/semantic.min.css Unexpected character '@' (11:0)

I use the current version of react-boilerplate (which uses webpack) and installed Semantic-UI-React like described in the official docs http://react.semantic-ui.com/usage When I start the server I get: Server started ! ✓ Access…
StandardNerd
  • 4,093
  • 9
  • 46
  • 77
4
votes
2 answers

Semantic UI (React): Responsive vertical menu by changing to horizontal on mobile devices

I am using a vertical menu (semantic ui react). This is my structure for that:
user3142695
  • 15,844
  • 47
  • 176
  • 332
3
votes
0 answers

Semantic UI React Can't resolve './themes/themes/default/assets/fonts/icons.eot'

everyone. I've try to customize semantic-ui in react with craco by follow this instuction, and I try to yarn start but I face this error: Error: Can't resolve './themes/themes/default/assets/fonts/icons.eot' This is the bottom of my…
3
votes
1 answer

Semantic React UI : is there a way to change the background color of a checkbox toggle?

I'm using toggle checkboxes by Semantic React UI. The background color of a checkbox is defined in their styles here : .ui.toggle.checkbox input:checked~.box:before, .ui.toggle.checkbox input:checked~label:before { background-color:…
gordie
  • 1,637
  • 3
  • 21
  • 41
3
votes
1 answer

How to scroll and expand an Accordion by onClick on an icon from a component?

I have a component MainContentwith its child Component AddMock. There is a table in MainContent which shows some list of items. It has a certain action on each row like view and edit which are rendered by Icons by semantic-UI react. By clicking on…
3
votes
2 answers

React Native with semantic-ui-react

I want to use the same component lib on web and mobile with react. I know that semantic-ui-react fits to web, but tried to use it in a react-native project without success. Am I missing some specific config, or it does not work in both platforms?
tomrlh
  • 1,006
  • 1
  • 18
  • 39
3
votes
1 answer

Issue with Semantic ui react calendar

I've defined the following component to be rendered using JSX: const TestingDate = () => { return ( } name="date" value="2 Apr…
Karan Bhasin
  • 237
  • 3
  • 13
3
votes
2 answers

How to customize theme in Semantic-UI-React (not Semantic-UI)?

I am trying to customize the theme when using Semantic-UI-React, there are detailed instructions on how to customize themes in Semantic-UI, like we can override variables to change their styles. But I didn't find any way to customize themes with…
Wendy
  • 69
  • 2
  • 5
3
votes
2 answers

How can I update the date placeholder option onMouseOver in react

I am just trying to update the dropdown placeholder onMouseOver I have tried to do it in the handle change but that takes double clicks so the best thing I could think of was to do it on the Mouse Over. The problem I am getting is that its causing…
Bama
  • 577
  • 4
  • 21
3
votes
1 answer

Dropdown onchange doesnt work : React+ Typescript+ semantic-ui-react

I am trying to bring up a dropdown using semantic-ui-react with typescript. The problem here I am facing is , I am unable to attach change handlers to it. It is throwing the following error " Type 'SyntheticEvent' is not assignable to type…
joy08
  • 9,004
  • 8
  • 38
  • 73
3
votes
1 answer

semantic-ui-react: Does large dataset in Form.Select makes the Form slow?

I am having below form(inside modal) created using semantic-ui-react. Your basic details
The Coder
  • 3,447
  • 7
  • 46
  • 81
3
votes
1 answer

How to have multiple accordions open with semantic UI react?

I am trying to use a semantic UI accordion containing multiple entries and allow more than one entry to be open at once; each entry has a title portion containing an icon with a popup attached and a content area containing a textarea. I would like…
3
votes
1 answer

How to render background image in header with Semantic-UI-React

I'm using a Semantic-UI-React theme and want to customize it with an opacity background image that covers the full header. I'll then but a logo and text on top of that. I can't seem to get the image attributes in
working. I've tried many…
Demian Sims
  • 871
  • 1
  • 14
  • 29