# Toggle Switch

hyejeong

Toggle Switch 1. input tag, checkbox 이용하기 w3school에 들어가면 'How to create a toggle switch'라는 글이 있다. react로 만들기 전 이 글을 참고하며 기능구현을 고민했다. HTML : w3school에는 rounded 버전과 rectangular 버전이 있었다. 라운드를 참고해 만들기 시작했다. toggleSwitch.jsx파일을 만들어 랜더 부분을 우선 작성했다. css는 postcss를 이용했다. 예제와 달리 내가 만드는 토글은 클릭하는 순간 배경색이 왼쪽부터 오른쪽 끝까지 채워지는 애니메이션 효과가 있어야

esology

Toggle은 원래 ON/OFF처럼 두 가지 상태 값을 가지는 것에 쓰이는 용어이지만 필요에 따라 세 가지 상태를 가지는 스위치를 만들었다. 🙋‍♀️계획 ToggleSwitch.xaml ToggleSwitch.xaml.cs