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

Redux Form and Semantic UI, handle input onChange

I'm stacked. I want to integrate with React-Semantic-UI Component with redux-form. Field components don't handle input. I typed some values from the keyboard and nothing happens, input fields steel empty. Pls someone helps, what I am doing wrong? I…
Александр Косарчук
  • 13
  • 2
0
votes
1 answer

Fixed Sidebar in react-semantic-ui

I have a Sidebar in react-semantic-ui which has some link to other pages, navigation menu. it's work fine, only when different pages when rendering with different sizes sidebar size is also changed with them. I want to make sidebar fixed. here is…
amir
  • 1,986
  • 3
  • 17
  • 44
0
votes
1 answer

react semantic ui Header menu

I am using semantic-ui-react for creating a Header. I use Menu item for that and here is my code : export default class Header extends Component { render() { return (
amir
  • 1,986
  • 3
  • 17
  • 44
0
votes
1 answer

Semantic UI, how to customize menu styles?

I'm using semantic-ui for the first time in my React app, the exact package I'm using: https://react.semantic-ui.com/collections/menu I'm rendering my header using like so: with a scss import to…
AnApprentice
  • 97,752
  • 174
  • 583
  • 971
0
votes
1 answer

webpack configuration for react CSS

I am very new to Webpack so it is likely that my question is obvious and asked 100times earlier and I just cannot connect them. Perhaps. I have small Express - Ract - Gprahql - Semantic-ui project. I need to bound it together with Webpack and I…
Kamil Lewandowski
  • 327
  • 1
  • 4
  • 14
0
votes
1 answer

Can't close modal using closeIcon on semantic-ui-react

I'm using semantic ui's modal and they have a property called closeIcon that suppose to close the modal... But it doesn't close. I'm not sure but maybe because the modal's visibility is based on my state that's why their wrapper won't work? Can I…
Finks
  • 1,541
  • 2
  • 13
  • 23
0
votes
1 answer

Bubble is not firing when programmatically Input changed

Having an Input from semantic-ui-react changed when the User writes something, does fire onChange and any parent component that includes the Input fires onChange as well. A process called bubble .... right? Example
  • …
    • Apostolis Anastasiou
    • 81
    • 10
    0
    votes
    2 answers

    Show popup based on state

    I use a Popup to show an error message on an input if validation fails. This works fine, but the annoying part is that when I focus the element an empty popup…
    Dennie de Lange
    • 2,260
    • 1
    • 12
    • 28
    0
    votes
    1 answer

    semantic-ui-react Syntax error: Adjacent JSX elements must be wrapped in an enclosing tag

    I'm using semantic-ui-react to build a form for a new user: import React from 'react'; import { Form } from 'semantic-ui-react'; import {createUser} from '../../../actions/userAction'; class UserAddModalForm extends React.Component { …
    salols
    • 79
    • 1
    • 1
    • 10
    0
    votes
    1 answer

    How to create a nested menu in JavaScript?

    So I want to achieve the image below but with content sent from server. We can set menu items const items = [ { key: 'editorials', active: true, name: 'Editorials' }, { key: 'review', name: 'Reviews' }, { key: 'events', name: 'Upcoming…
    DuckQueen
    • 48
    • 6
    • 46
    • 109
    0
    votes
    1 answer

    undefined value in semantic-ui input

    I have simple from which i used semantic-ui-react to create it :
    amir
    • 1,986
    • 3
    • 17
    • 44
    0
    votes
    1 answer

    How to change state in Dropdown semantic-ui-react

    I'm trying to change state onChange in Dropdown Component const DropdownDomainSelection = () => ( …
    Arthur K.
    • 92
    • 10
    0
    votes
    2 answers

    How to render nodes sharing same trigger?

    My use case is kind of what I have simplified in below example. How to render components sharing same trigger? class SomeComponent extends Component { render() { let dropDownItem = An Item! let…
    t0il3ts0ap
    • 480
    • 3
    • 15
    0
    votes
    1 answer

    Restrict imported CSS to given component

    I am currently building out the admin side of my first React app, which was started with create-react-app (also styled-components if it matters in this case). Instead of building out my own custom admin I'm using Semantic UI React. Part of this…
    Jody Heavener
    • 2,306
    • 5
    • 33
    • 64
    0
    votes
    1 answer

    How do I prevent React from unloading the content of the previous tab in Semantic UI React?

    Say I have this in my app: import React from 'react' import { Tab } from 'semantic-ui-react' const panes = [ { menuItem: 'Tab 1', render: () => Tab 1 Content }, { menuItem: 'Tab 2', render: () => Tab 2…
    Adam Silver
    • 2,505
    • 8
    • 37
    • 68
    1 2 3
    …
    56 57