(superset) branch docs/federate-storybook updated: docs(EmptyState): add all props with interactive controls

[rusackas]

This is an automated email from the ASF dual-hosted git repository.

rusackas pushed a commit to branch docs/federate-storybook
in repository https://gitbox.apache.org/repos/asf/superset.git


The following commit(s) were added to refs/heads/docs/federate-storybook by 
this push:
     new 1c87270c5e docs(EmptyState): add all props with interactive controls
1c87270c5e is described below

commit 1c87270c5e0cb090ad5b5cfa4fcb3d8eaff75fc0
Author: Evan Rusackas <e...@rusackas.com>
AuthorDate: Tue Jan 20 19:51:49 2026 -0800

    docs(EmptyState): add all props with interactive controls
    
    Added InteractiveEmptyState story with proper args including:
    - size (select: small/medium/large)
    - title (text)
    - description (text)
    - image (select: empty/error/filter/document/chart)
    - buttonText (text)
    
    Moved argTypes from meta to individual stories.
    
    Co-Authored-By: Claude Opus 4.5 <nore...@anthropic.com>
---
 docs/developer_portal/components/ui/emptystate.mdx | 56 ++++++++++++++++++++--
 1 file changed, 53 insertions(+), 3 deletions(-)

diff --git a/docs/developer_portal/components/ui/emptystate.mdx 
b/docs/developer_portal/components/ui/emptystate.mdx
index 60a61848b6..e91fb29d47 100644
--- a/docs/developer_portal/components/ui/emptystate.mdx
+++ b/docs/developer_portal/components/ui/emptystate.mdx
@@ -32,7 +32,13 @@ The EmptyState component from Superset's UI library.
 
 <StoryWithControls
   component="EmptyState"
-  props={{}}
+  props={{
+  size: "medium",
+  title: "No Data Available",
+  description: "There is no data to display at this time.",
+  image: "empty",
+  buttonText: ""
+}}
   controls={[
   {
     name: "size",
@@ -43,7 +49,38 @@ The EmptyState component from Superset's UI library.
       "medium",
       "large"
     ],
-    description: "Size of the Empty State components"
+    description: "Size of the empty state component."
+  },
+  {
+    name: "title",
+    label: "Title",
+    type: "text",
+    description: "Main title text."
+  },
+  {
+    name: "description",
+    label: "Description",
+    type: "text",
+    description: "Description text below the title."
+  },
+  {
+    name: "image",
+    label: "Image",
+    type: "select",
+    options: [
+      "empty",
+      "error",
+      "filter",
+      "document",
+      "chart"
+    ],
+    description: "Predefined image to display."
+  },
+  {
+    name: "buttonText",
+    label: "Button Text",
+    type: "text",
+    description: "Text for optional action button."
   }
 ]}
 />
@@ -56,13 +93,26 @@ Edit the code below to experiment with the component:
 function Demo() {
   return (
     <EmptyState
-      // Add props here
+      size="medium"
+      title="No Results Found"
+      description="Try adjusting your filters or search terms."
+      image="filter"
+      buttonText="Clear Filters"
+      buttonAction={() => alert('Filters cleared!')}
     />
   );
 }
 ```
 
+## Props
 
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `size` | `string` | `"medium"` | Size of the empty state component. |
+| `title` | `string` | `"No Data Available"` | Main title text. |
+| `description` | `string` | `"There is no data to display at this time."` | 
Description text below the title. |
+| `image` | `string` | `"empty"` | Predefined image to display. |
+| `buttonText` | `string` | `""` | Text for optional action button. |
 
 ## Import