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

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
  • 2,443
  • 3
  • 22
  • 49
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
  • 108,152
  • 195
  • 629
  • 1,012
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
  • 396
  • 1
  • 5
  • 15
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,661
  • 2
  • 16
  • 25
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
    • 1
    • 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,776
    • 2
    • 18
    • 31
    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
    • 89
    • 1
    • 2
    • 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
    • 772
    • 10
    • 62
    • 134
    0
    votes
    1 answer

    undefined value in semantic-ui input

    I have simple from which i used semantic-ui-react to create it :
    amir
    • 2,443
    • 3
    • 22
    • 49
    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.
    • 112
    • 12
    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
    • 530
    • 4
    • 18
    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,704
    • 5
    • 41
    • 70
    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
    • 2,948
    • 10
    • 43
    • 74
    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
    • 167
    • 1
    • 2
    • 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
    • 1,258
    • 2
    • 17
    • 23
    1 2 3
    …
    58 59