feat(status): ⚗️ try Badge for status

Amsterdam · May 17, 2024 · 17c8067 · 17c8067
1 parent 315316f
commit 17c8067
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/storybook/src/components/Header/Header.docs.mdx b/storybook/src/components/Header/Header.docs.mdx
@@ -1,11 +1,14 @@
 import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks";
 import * as HeaderStories from "./Header.stories.tsx";
 import README from "../../../../packages/css/src/components/header/README.md?raw";
+import { Badge } from "../../../../packages/react/src/Badge";
 
 <Meta of={HeaderStories} />
 
 <Markdown>{README}</Markdown>
 
+<Badge label="Beta" color="orange" style={{ position: "absolute", top: "2rem" }} />
+
 <Primary />
 
 <Controls />

diff --git a/storybook/src/docs/icon-gallery.docs.mdx b/storybook/src/docs/icon-gallery.docs.mdx
@@ -1,12 +1,13 @@
-import { Meta } from "@storybook/addon-docs/blocks";
+import { Meta } from "@storybook/blocks";
 import { AmsterdamIconGallery } from "./components/AmsterdamIconGallery";
+import { Badge } from "../../../packages/react/src/Badge";
 
-{/* Below "parameters" prop does not seem to work; see docs: https://github.com/etchteam/storybook-addon-status?tab=readme-ov-file#story-usage */}
-
-<Meta title="Docs/Assets/Icons" parameters={{ status: { type: "beta" } }} />
+<Meta title="Docs/Assets/Icons" />
 
 # Icons
 
+<Badge label="Beta" color="orange" style={{ position: "absolute", top: "2rem" }} />
+
 An overview of all currently available icons.
 
 <AmsterdamIconGallery />