Slider

import { useState } from 'react';
import * as W from 'woosign-system';

// ThemeProvider와 ToastProvider 안에서 렌더링하세요.
export function Example() {
  const [number, setNumber] = useState(40);
  return (
    <div className="demo-stack">
      <W.Slider
        label="볼륨"
        value={number}
        onValueChange={setNumber}
        disabled={false}
      />
      <span>볼륨 {number}%</span>
    </div>
  );
}