<aside>
๐ How to use Toggle Switch
- ์ ์๋ ๊ตฌ์กฐ๋ฅผ ์ ์ ํ ์ํฉ์ ์ฌ์ฉํด์ผ ํ๋ฉฐ, ์ ์๋์ง ์์ ์๋ก์ด ๊ตฌ์กฐ์ ์ฌ์ฉ์ ์ ํํฉ๋๋ค.
- ์ ํ ์ต์
์ด 2๊ฐ์ง์ด๋ฉด์ ๊ฐ ์ ํ์ ๋ฐ๋ฅธ ์ ํ์ ๋๋น๊ฐ ํด ๊ฒฝ์ฐ ์ฌ์ฉํ๋ฉฐ, ์๋ ๊ฒฝ์ฐ Radio button ์ฌ์ฉ์ ๊ณ ๋ คํฉ๋๋ค. (Radio button ๊ด๋ จ ๋ด์ฉ์ Radio button ์ฐธ์กฐ)
- ํ๋์ ๊ตฌ์กฐ์ ํ๋์ ์ปดํฌ๋ํธ๋ง ์ฌ์ฉํฉ๋๋ค.
- ๋์ฒด๋ก ํ๋ฉด์ ์ฐ์ธก ๋์ ์์นํฉ๋๋ค.
</aside>
Toggle Switch
๋๊ฐ์ง์ ๋ฐ๋๋๋ ๊ฒฐ๊ณผ๊ฐ์ผ๋ก ๊ตฌ์ฑ๋๋ฉฐ ๊ฐ ์ ํ์ ๋ฐ๋ฅธ ํจ๊ณผ ์ ํ์ด ํ์ํ ๊ฒฝ์ฐ์ ์ฌ์ฉํฉ๋๋ค. On, Off, Disable๋ก ๋๋์ด ์ฌ์ฉํ๋๋ฐ On, Off์ ๊ฒฝ์ฐ ํด๋ฆญ์ผ๋ก state๋ฅผ ๋ณ๊ฒฝํ ์ ์์ง๋ง Disable์ ์ด๋ฏธ ์ค์ ๋ state์์ ๋์ด์ ์ํ๋ฅผ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. Toggle Switch๋ ์ฆ๊ฐ์ ์ธ ์ํฉ ๋ณํ๋ฅผ ์ผ์ผ์ผ on/off ๊ธฐ๋ฅ์ ํฉ๋๋ค.
![Toggle Switch@2x.jpg](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1b5457c9-36ec-4bc4-8e0d-bc0358da2983/Toggle_Switch2x.jpg)
๋ชฉ์ฐจ