chore: add TextField story type=number

pixiv · Mar 1, 2024 · 870b0a7 · 870b0a7
1 parent 95da174
commit 870b0a7
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/packages/react/src/components/TextField/TextField.story.tsx b/packages/react/src/components/TextField/TextField.story.tsx
@@ -37,6 +37,26 @@ const Container = styled.div`
 
 export const Default = {}
 
+export const Number: StoryObj<typeof TextField> = {
+  render: function Render(args) {
+    const [count, setCount] = useState(0)
+    return (
+      <Container>
+        <TextField
+          {...args}
+          type="number"
+          value={count.toString()}
+          onChange={(value) => setCount(parseInt(value))}
+          onWheel={(e) => {
+            e.currentTarget.blur()
+            e.stopPropagation()
+          }}
+        />
+      </Container>
+    )
+  },
+}
+
 export const HasLabel = {
   args: {
     showLabel: true,