v11 Facelift(FL)

Foundation

Custom

Sizes

Group

Colors

<div class="nd-switch">
	<input id="colored1" type="checkbox" name="colored1" checked>
	<label for="colored1">
		<span class="show-for-sr">basic</span>
	</label>
</div>

<div class="nd-switch secondary">
	<input id="colored2" type="checkbox" name="colored2" checked>
	<label for="colored2">
		<span class="show-for-sr">secondary</span>
	</label>
</div>

<div class="nd-switch success">
	<input id="colored3" type="checkbox" name="colored3" checked>
	<label for="colored3">
		<span class="show-for-sr">success</span>
	</label>
</div>

<div class="nd-switch warning">
	<input id="colored4" type="checkbox" name="colored4" checked>
	<label for="colored4">
		<span class="show-for-sr">warning</span>
	</label>
</div>

<div class="nd-switch alert">
	<input id="colored5" type="checkbox" name="colored5" checked>
	<label for="colored5">
		<span class="show-for-sr">alert</span>
	</label>
</div>

<div class="nd-switch nd-pink">
	<input id="colored6" type="checkbox" name="colored6" checked>
	<label for="colored6">
		<span class="show-for-sr">pink</span>
	</label>
</div>

<div class="switch-group nd-pink">
	<div class="nd-switch">
		<input id="colored21" type="checkbox" name="colored21" checked>
		<label for="colored21">
			<span class="show-for-sr">pink1</span>
		</label>
	</div>
	<div class="nd-switch">
		<input id="colored22" type="checkbox" name="colored22" checked>
		<label for="colored22">
			<span class="show-for-sr">pink2</span>
		</label>
	</div>
	<div class="nd-switch">
		<input id="colored33" type="checkbox" name="colored33" checked>
		<label for="colored33">
			<span class="show-for-sr">pink3</span>
		</label>
	</div>
</div>

Radio

Label

설정하시겠습니까?

블루투스

wifi

NFC

<div class="nd-switch for-label">
	<span class="labels cell">설정하시겠습니까?</span>
	<span class="cell">
		<input id="labelSwitch1" type="checkbox" name="labelSwitch1" checked>
		<label for="labelSwitch1">
			<span class="show-for-sr">스위치</span>
		</label>
	</span>
</div>

<div class="switch-group for-label">
	<div class="nd-switch secondary">
		<span class="labels cell">블루투스</span>
		<span class="cell">
			<input id="labelSwitch11" type="checkbox" name="labelSwitch11" checked>
			<label for="labelSwitch11">
				<span class="show-for-sr">스위치</span>
			</label>
		</span>
	</div>