semantic-ui-react Questions
20
I use this code to margin my Button from top:
const makeTopMargin = (elem) => {
return styled(elem)`
&& {
margin-top: 1em !important;
}
`;
}
const MarginButton = makeTopMargin(But...
Nationalism asked 10/8, 2018 at 17:9
4
Solved
I have both a text input and a dropdown that allows additions (both use the Form.xxx version). For both of these, I would like to add an x icon on the right, that when clicked, will either call a h...
Golly asked 2/3, 2018 at 20:36
6
Have Googled, searched within semantic ui's docs and issues page, and searched within stackoverflow. Couldn't find the answer.
Within Semantic-ui-react, how do I make a sidebar whose content is fi...
Ashburn asked 5/9, 2017 at 16:33
8
Solved
I've created a new React app by running npx create-react-app@latest --typescript . and I've run the project using npm start and it all works as expected. I ran npm install semantic-ui-react semanti...
Sentience asked 15/12, 2021 at 16:53
2
Solved
I´m trying to use the official semantic-ui-react for the first time with React. I´ve built a brand new react application:
$ create-react-app test
And I then tried to add the same react image as ...
Portuguese asked 17/6, 2017 at 21:50
2
Solved
I'd like to create a multiple rows + multiple columns view.
I think I can either use table or grid.
Which one should I use over another and why?
Borchardt asked 10/4, 2017 at 12:49
3
Solved
I am trying to learn react with semantic ui but I have a problem with the style from semantic ui. Then I try follow the docs from https://react.semantic-ui.com/
but the style is not loaded
Here's ...
Lheureux asked 8/1, 2019 at 6:24
3
Solved
I've been reading the nextjs docs and it says in here that:
If the child of Link is a function component, in addition to using
passHref, you must wrap the component in React.forwardRef:
I'm new t...
Laryngitis asked 30/8, 2021 at 11:8
4
Solved
Using React Semantic UI the default look is this
This is the code (from the website) which produces that component.
import React, { Component } from 'react'
import { Icon, Menu } from 'semantic...
Stephaniastephanie asked 28/6, 2018 at 21:42
2
Solved
I'm trying to focus/highlight input text onClick in React. It works as expected, but only on the last element in the rendered array. I've tried several different methods but they all do the exact s...
Adenaadenauer asked 28/9, 2017 at 16:52
2
I have created a currency input React component to allow the user to enter numeric values. I made the input type to "number". This only works in Chrome (user can still enter non-numeric values in F...
Constringent asked 4/2, 2020 at 20:25
4
Solved
I am trying to use state to hide Semantic-UI Model form also to pass JSON to Customer class to add new customer. I am able to pass the value but in the end there is only one value.
When I start...
Brickkiln asked 6/3, 2020 at 20:39
6
How can I disable autocompleting form with credentials in semantic-ui-react? Tried this but it does not work
import { Form } from 'semantic-ui-react';
<Form autoComplete="off">
....
</Fo...
Ratify asked 3/3, 2018 at 8:32
4
Solved
I'm using Formik for validating the fields before creating an entity. There is a Select which opens a dropdown and the user must choose one option from there.
I get an error saying that setFieldVal...
Omarr asked 7/9, 2020 at 9:9
2
I want to build react UI with right to left direction. So far I've tested bootstrap className="pull-right" or manually overriding CSS properties with *{direction:rtl;} and .float-right:{float:right...
Teirtza asked 10/12, 2017 at 16:9
2
Solved
I'm using semantic-react-ui's Popup component and I was wondering how to trigger close popup event by clicking a button inside the popup without using jquery.
Thank you
Predisposition asked 15/2, 2018 at 23:25
9
Solved
I am using the official Semantic UI React components to create a web application. I have a form on my sign up page, which contains an email field, a password field, and a confirm password field.
i...
Staciastacie asked 18/1, 2017 at 16:15
3
Solved
I'm having a difficult time autofocusing an input field with semantic-ui-react. The documentation doesn't seem to include an autoFocus prop and the focus prop doesn't place the cursor inside the in...
Contemplative asked 8/3, 2018 at 16:24
5
Solved
Semantic UI has a great way to apply common sizing to a lot of things, e.g. a button (in Semantic UI React):
<Button size="tiny" />
However the Dropdown, which in many cases looks just lik...
Amylum asked 6/9, 2017 at 7:27
2
I have the following code in my component, where A nad B are my other components and SomeComponent is where I am rendering A and B along with the TabExampleSecondaryPointing component.
import { Ta...
Curassow asked 17/5, 2018 at 14:28
3
I am new to the Semantic-UI-React framework, and recently ran across a problem that I can't seem to fix. I have a Log in & Sign up Modal on my home page. When the LogIn And Sign Up button is tr...
Clap asked 20/3, 2018 at 20:30
3
Solved
I'm using Semantic UI React and trying to figure the best way to override default styles, so that I can change the appearance of cards and the overall theme.
Option 1 seems to be to define my CSS ...
Rotund asked 5/3, 2019 at 15:15
4
Solved
I'm new to react. I dont know how to import json data in one of my component.
This is my json data:
[
{
"id": 1,
"firstname": "abc",
"lastname": "xyz",
"phone": "+91 789654123",
"email": ...
Azpurua asked 15/11, 2019 at 14:22
3
Solved
I'm using the component in semantic to create a top menu + breadcrumb header. For some reason, the scroll bar "jumps" when trying to scroll from the topmost position
Sandbox https://codesandbox.io...
Thermostat asked 1/1, 2018 at 14:32
4
Solved
how to have dropdowns selected value in state.here is my code iam getting value for name field but dropdown not working, can anyone find out what i am missing?
MyComponent.js
import React,{Compon...
Monometallism asked 13/3, 2018 at 4:55
1 Next >
© 2022 - 2025 — McMap. All rights reserved.