@multiplatform.one/forms 6.0.4 → 6.3.0

package/src/fields/Combobox/Combobox.stories.tsx

@@ -57,6 +57,18 @@ const meta: Meta<typeof Combobox> = {
       control: "object",
       description: "Array of selectable options",
     },
+    multiple: {
+      control: "boolean",
+      description: "Allow selecting multiple options",
+    },
+    dismissible: {
+      control: "boolean",
+      description: "Show dismiss button on selected badges (multiple mode)",
+    },
+    creatable: {
+      control: "boolean",
+      description: "Allow creating a new option from the search text",
+    },
   },
 };
 
@@ -116,6 +128,27 @@ export const Standalone: Story = {
   render: (args) => <Combobox {...args} />,
 };
 
+export const Multiple: Story = {
+  args: {
+    label: "Authors",
+    placeholder: "Select authors",
+    multiple: true,
+    dismissible: true,
+    options: authorOptions,
+  },
+  render: (args) => <Combobox {...args} />,
+};
+
+export const Creatable: Story = {
+  args: {
+    label: "Tags",
+    placeholder: "Select or create a tag",
+    creatable: true,
+    options: authorOptions,
+  },
+  render: (args) => <Combobox {...args} onCreate={(value) => ({ value, label: value })} />,
+};
+
 export const Basic: Story = {
   args: {
     options: authorOptions,
@@ -282,3 +315,8 @@ export const ManyOptions: StoryObj<typeof Combobox> = {
     );
   },
 };
+
+/** Loading placeholder — the skeleton mirrors the field's anatomy (LC-20 / DG-ST-02). */
+export const SkeletonState: Story = {
+  args: { label: "Author", options: authorOptions, skeleton: true },
+};