[#25] Toggle button 구현

[hijiyun]

What is this PR? 🔍

1. toggle 버튼 컴포넌트 구현 완료

toggle component 사용법 📝

import { useState } from 'react';
import Toggle from './components/common/Toggle';

function App() {
  const [isChecked, setIsChecked] = useState<boolean>(false);

  const handleCheckedChange = (checked: boolean) => {
    setIsChecked(checked); 
  };
  return (
    <div>
      <Toggle checked={isChecked} onCheckedChange={handleCheckedChange} />
    </div>
  );
}

export default App;

1. checked를 통해서 true/false를 받아올 수 있습니다 !

Screenshot 📷

close #25

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
dnd-11th-8-frontend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 30, 2024 1:36pm
dnd-11th-8-frontend-rvo5	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 30, 2024 1:36pm

[gihwan-dev]

Test Coverage

[email protected] coverage /home/runner/work/dnd-11th-8-frontend/dnd-11th-8-frontend
vitest run --coverage

RUN v2.0.4 /home/runner/work/dnd-11th-8-frontend/dnd-11th-8-frontend
Coverage enabled with v8

✓ src/test/utils/sum.test.ts (1 test) 4ms
✓ src/test/utils/SomeTest.test.tsx (1 test) 58ms

Test Files 2 passed (2)
Tests 2 passed (2)
Start at 13:36:58
Duration 1.31s (transform 48ms, setup 342ms, collect 22ms, tests 62ms, environment 841ms, prepare 172ms)

% Coverage report from v8

=============================== Coverage summary ===============================

Statements   : 0% ( 0/519 )
Branches     : 0% ( 0/21 )
Functions    : 0% ( 0/21 )
Lines        : 0% ( 0/519 )
================================================================================

[gihwan-dev]

확인했습니다~~! 고생하셨어요! bb