add width, v0.1.10

2026-02-23 19:57:19 +01:00
parent 3ddd108186
commit 29a4e8c2ee
10 changed files with 68 additions and 14 deletions
--- a/src/components/InputField.stories.tsx
+++ b/src/components/InputField.stories.tsx
@@ -38,6 +38,12 @@ const meta = {
            control: 'inline-radio',
            table: { type: { summary: "'sm' | 'md' | 'lg' | 'full'" } },
        },
+        width: {
+            description: 'Input width constraint.',
+            options: ['sm', 'md', 'lg', 'full'],
+            control: 'inline-radio',
+            table: { type: { summary: "'sm' | 'md' | 'lg' | 'full'" } },
+        },
        layout: {
            description: 'Label/input layout mode.',
            options: ['stacked', 'inline'],
@@ -107,6 +113,7 @@ const meta = {
        placeholder: 'name@example.com',
        value: '',
        size: 'md',
+        width: 'md',
        layout: 'stacked',
    },
 } satisfies Meta<typeof InputField>;
@@ -229,6 +236,7 @@ export const SizeMatrix: Story = {
                    {...args}
                    value={value}
                    size="full"
+                    width="full"
                    onChange={(event) => setValue(event.target.value)}
                />
            </div>