Inline 스타일

<button style={{backgroundColor: 'blue', color: 'white'}}>클릭</button>

CSS 파일 import

// Button.jsx
import './Button.css';

function Button() {
  return <button className="btn-primary">클릭</button>;
}

/* Button.css */
.btn-primary {
  background-color: blue;
  color: white;
  padding: 10px 20px;
}

CSS Module

// Button.jsx
import styles from './Button.module.css';

function Button() {
  return <button className={styles.btnPrimary}>클릭</button>;
}

/* Button.module.css */
.btnPrimary {
  background-color: blue;
  color: white;
}