regroup utility components in list (#524)

bcgov · Feb 3, 2025 · 0556bf3 · 0556bf3
1 parent 87b4d0f
commit 0556bf3
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 5 deletions.
diff --git a/packages/react-components/src/stories/Button.mdx b/packages/react-components/src/stories/Button.mdx
@@ -35,6 +35,10 @@ Learn more about working with the button component:
 
 This component is based on [React Aria Button](https://react-spectrum.adobe.com/react-aria/Button.html). Consult the React Aria documentation for additional technical information.
 
+### Link buttons
+
+To create a hyperlink that looks like a button, use a [Link](/docs/utility-text-and-links-link--docs) component with the `isButton` and `buttonVariant` props.
+
 ## Controls
 
 <Primary of={ButtonStories} />

diff --git a/packages/react-components/src/stories/Form.stories.tsx b/packages/react-components/src/stories/Form.stories.tsx
@@ -6,7 +6,7 @@ import { FormProps } from "@/components/Form";
 import "./Form.css";
 
 const meta = {
-  title: "Utility/Form wrapper",
+  title: "Utility/Forms/Form",
   component: Form,
   parameters: {
     layout: "centered",

diff --git a/packages/react-components/src/stories/Heading.stories.tsx b/packages/react-components/src/stories/Heading.stories.tsx
@@ -4,7 +4,7 @@ import { Heading } from "../components";
 import { HeadingProps } from "../components/Heading";
 
 const meta = {
-  title: "Utility/Headings and text/Headings",
+  title: "Utility/Text and links/Headings",
   component: Heading,
   parameters: { layout: "centered" },
   argTypes: {

diff --git a/packages/react-components/src/stories/Link.mdx b/packages/react-components/src/stories/Link.mdx
@@ -12,7 +12,7 @@ import {
 
 import * as LinkStories from "./Link.stories";
 
-<Meta title="Utility/Link" />
+<Meta of={LinkStories} />
 
 # Link
 

diff --git a/packages/react-components/src/stories/Link.stories.tsx b/packages/react-components/src/stories/Link.stories.tsx
@@ -5,7 +5,7 @@ import { Link } from "../components";
 import { LinkProps } from "@/components/Link";
 
 const meta = {
-  title: "Utility/Link",
+  title: "Utility/Text and links/Link",
   component: Link,
   parameters: { layout: "centered" },
   argTypes: {

diff --git a/packages/react-components/src/stories/Text.stories.tsx b/packages/react-components/src/stories/Text.stories.tsx
@@ -4,7 +4,7 @@ import { Text } from "../components";
 import { TextProps } from "../components/Text";
 
 const meta = {
-  title: "Utility/Headings and text/Text",
+  title: "Utility/Text and links/Text",
   component: Text,
   parameters: {
     layout: "centered",
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,7 +12,7 @@ import { @@
     import * as LinkStories from "./Link.stories";
-    <Meta title="Utility/Link" />
+    <Meta of={LinkStories} />
     # Link
@@ Expand Down @@