docs: modify docs

sheinsight · Aug 14, 2024 · 8cd116d · 8cd116d
1 parent 2ed32ff
commit 8cd116d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/docs/src/components/zone.tsx b/docs/src/components/zone.tsx
@@ -9,10 +9,10 @@ const colors = {
 }
 
 const borderTypes = {
-  solid: 'border-solid',
-  dashed: 'border-dashed',
-  dotted: 'border-dotted',
-  double: 'border-double',
+  solid: 'border border-solid',
+  dashed: 'border border-dashed',
+  dotted: 'border border-dotted',
+  double: 'border border-double',
 }
 
 interface Props {

diff --git a/src/use-clamp/demo.tsx b/src/use-clamp/demo.tsx
@@ -12,7 +12,6 @@ export function App() {
       <div className="rounded transition-all p-1 bg-primary/36 box-content" style={{ width: max * 20 }}>
         <div className="rounded transition-all h-[20px] bg-primary/80" style={{ width: count * 20 }} />
       </div>
-
       <Zone>
         <KeyValue label="Min" value={min} />
         <KeyValue label="Max" value={max} />

diff --git a/src/use-clamp/index.ts b/src/use-clamp/index.ts
@@ -12,15 +12,15 @@ export type UseClampReturns = readonly [number, UseCounterReturnsAction]
  *
  * Essentially, it's a more semantic version of [useCounter](/reference/use-counter) with `min` and `max` options set.
  */
-export function useClamp(value: Gettable<number>, min: Gettable<number>, max: Gettable<number>): UseClampReturns {
-  const inputNumber = unwrapGettable(value)
+export function useClamp(input: Gettable<number>, min: Gettable<number>, max: Gettable<number>): UseClampReturns {
+  const inputValue = unwrapGettable(input)
 
-  const [result, actions] = useCounter(inputNumber, {
+  const [result, actions] = useCounter(inputValue, {
     max: unwrapGettable(max),
     min: unwrapGettable(min),
   })
 
-  useUpdateEffect(() => void actions.set(inputNumber), [inputNumber])
+  useUpdateEffect(() => void actions.set(inputValue), [inputValue])
 
   return [result, actions] as const
 }