diff --git a/packages/react-components/src/stories/Button.mdx b/packages/react-components/src/stories/Button.mdx index 95aa08f8..97c3f592 100644 --- 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 diff --git a/packages/react-components/src/stories/Form.stories.tsx b/packages/react-components/src/stories/Form.stories.tsx index b4e9f123..4241d36e 100644 --- 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 index 6fe8a92f..ac985db4 100644 --- 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 index 90e0a59a..d3b08455 100644 --- 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"; - + # Link diff --git a/packages/react-components/src/stories/Link.stories.tsx b/packages/react-components/src/stories/Link.stories.tsx index e63262ec..a49e2044 100644 --- 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 index 9359de9d..a2c47199 100644 --- 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",