docs(switch): add loading

Author: koory1st

docs/src/lib/i18n/zh/switch.js

@@ -17,4 +17,6 @@ export default {
     '你可以设置 activeValue 和 inactiveValue 属性， 它们接受 Boolean、String 或 Number 类型的值。',
   cswitch07010: '禁用状态',
   cswitch07020: '设置disabled属性，接受一个Boolean，设置true即可禁用。',
+  cswitch08010: '加载状态',
+  cswitch08020: '设置loading属性，接受一个Boolean，设置true即加载中状态。',
 };

docs/src/routes/component/switch/+page.svelte

@@ -11,6 +11,7 @@
 
   let value3 = '100';
   let value4 = true;
+  let value5 = true;
 </script>
 
 <h1>{$langFn('cswitch01010')}</h1>
@@ -158,5 +159,18 @@
   <SvelSwitch class="ml-2" />
 </Example>
 
+<h2>{$langFn('cswitch08010')}</h2>
+<p>{$langFn('cswitch08020')}</p>
+
+<Example
+  code={`
+  <SvelSwitch bind:value={value5} loading />
+  <SvelSwitch class="ml-2" loading />
+`}
+>
+  <SvelSwitch bind:value={value5} loading />
+  <SvelSwitch class="ml-2" loading />
+</Example>
+
 <style>
 </style>