Button

버튼에 대해서 소개합니다. 이 버튼은 사용자의 인터랙션을 위한 인터페이스 요소로, 클릭 시 특정 작업을 수행합니다.

미리보기

const [showCode, setShowCode] = useState(false);

return (
  <div>
    <button onClick={() => setShowCode(!showCode)} style={{ marginBottom: '10px' }}>
      {showCode ? '코드 숨기기' : '코드 보기'}
    </button>
    {showCode ? (
      <pre>
        <code>{`<Button label="클릭하세요!" />`}</code>
      </pre>
    ) : (
      <Button label="클릭하세요!" />
    )}
  </div>
);