|Storybook| 리액트에 CSS넣는 법은 많다. 하지만

22 Dec 2022 in Study on Study,, React

import styled from "styled-components";
import { createGlobalStyle } from "styled-components"

const GlobalStyle = createGlobalStyle`
    button{
      margin: 0.5rem;
    }
`
const Practice = styled.button`
  padding: 1rem;
  font-size: 2rem;
  background: powderblue;
  border-radius: 1rem;
  transition: 0.5s;
  &:hover{  
    background-color : yellow;
    color : black
  }
`;

export default function App() {
  return (
    <>
      <GlobalStyle />
      <Practice>Practice!</Practice>;
    </>
  )
}