# Switch 开关

<w-pane label="Switch" desc="开关" />

<w-cell-group>
	<w-cell label="Default">
		<w-switch
		 slot="content"
		 value="{{ value }}"
		 bind:onChange="handleChange"
		/>
	</w-cell>

	<w-cell label="Size = small">
		<w-switch
		 slot="content"
		 value="{{ value }}"
		 size="small"
		 bind:onChange="handleChange"
		/>
	</w-cell>

	<w-cell label="Size = default">
		<w-switch
		 slot="content"
		 value="{{ value }}"
		 size="default"
		 bind:onChange="handleChange"
		/>
	</w-cell>

	<w-cell label="Size = larger">
		<w-switch
		 slot="content"
		 value="{{ value }}"
		 size="larger"
		 bind:onChange="handleChange"
		/>
	</w-cell>

	<w-cell label="Color = 1c75f3" labelSpan="5">
		<w-switch
		 slot="content"
		 value="{{ value }}"
		 color="#1c75f3"
		 bind:onChange="handleChange"
		/>
	</w-cell>

	<w-cell label="Color = 28a2f3" labelSpan="5">
		<w-switch
		 slot="content"
		 value="{{ value }}"
		 color="#28a2f3"
		 bind:onChange="handleChange"
		/>
	</w-cell>

	<w-cell label="Color = ff8800" labelSpan="5">
		<w-switch
		 slot="content"
		 value="{{ value }}"
		 color="#ff8800"
		 bind:onChange="handleChange"
		/>
	</w-cell>

	<w-cell label="Color = e42112" labelSpan="5">
		<w-switch
		 slot="content"
		 value="{{ value }}"
		 color="#e42112"
		 bind:onChange="handleChange"
		/>
	</w-cell>

	<w-cell label="Disabled">
		<w-switch
		 slot="content"
		 disabled
		 value
		 color="#1c75f3"
		/>
	</w-cell>

</w-cell-group>