Is there a way to apply CSS for react semantic UI when using create react app? I have installed semantic-ui-react and included the CSS CDN:
loginForm.js:
import React from "react";
import { Button, Form, Header } from "semantic-ui-react";
import styles from './loginForm.css';
const LoginForm = () => (
<Form className={styles.formStyle}>
<Button className={styles.buttonStyle}>Login</Button>
</Form>
);
export default LoginForm;
loginForm.css:
.formStyle {
margin-left: 500px;
margin-top: 100px;
width: 550px;
}
.buttonStyle {
border-radius: 18px;
width: 200px;
background-color:#3865FE;
}
The CSS code above doesn't seem to be working for loginForm.js. I also tried the following:
<Form style={styles.formStyle}>
<Button style={styles.buttonStyle}>Login</Button>
</Form>
However, even this code is not working as expected.