docs(sw): standardize viewer property slider usage

packages/sw/ai/examples/ExampleH-ViewerMode.tsx

@@ -4,7 +4,7 @@
 import { useState } from "react"
 import {
   SWLayerVisibilityIcon, SWViewerBadge, SWViewerButton, SWViewerField, SWViewerHeader, SWViewerHeaderButton, SWViewerHint, SWViewerInput, SWViewerPanel,
-  SWViewerSection, SWViewerSlider, SWViewerStatus, SWViewerSwitch,
+  SWSlider, SWViewerSection, SWViewerStatus, SWViewerSwitch,
   type SWViewerHeaderGroup,
 } from "@hm-design/sw"
 import "./example-layout.css"
@@ -106,7 +106,7 @@ export function ExampleHViewerMode({ onEvent }: { onEvent?: (name: string) => vo
       <SWViewerPanel title="옵션" open={panels.options} onClose={() => setPanels({ ...panels, options: false })} width={340} height="auto" inset={{ side: 356 }}>
         <SWViewerSection title="표시">
           <SWViewerField label="그리드">{id => <SWViewerSwitch id={id} checked={grid} onCheckedChange={setGrid} />}</SWViewerField>
-          <SWViewerField label="줌 속도" layout="stacked" below={<SWViewerSlider aria-label="줌 속도" value={zoomSpeed} min={0.2} max={3} step={0.1} onValueChange={setZoomSpeed} />}>
+          <SWViewerField label="줌 속도" layout="stacked" below={<SWSlider appearance="property" aria-label="줌 속도" value={zoomSpeed} min={0.2} max={3} step={0.1} onValueChange={setZoomSpeed} />}>
             {id => <SWViewerInput id={id} type="number" min={0.2} max={3} step={0.1} value={zoomSpeed} onChange={event => setZoomSpeed(Number(event.currentTarget.value))} />}
           </SWViewerField>
         </SWViewerSection>