diff --git a/docs/data/joy/components/accordion/accordion.md b/docs/data/joy/components/accordion/accordion.md index 73b129676291ca..001b36fdab64d0 100644 --- a/docs/data/joy/components/accordion/accordion.md +++ b/docs/data/joy/components/accordion/accordion.md @@ -10,6 +10,8 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/

Accordions let users show and hide sections of related content on a page.

+{{"component": "@mui/docs/ComponentLinkHeader"}} + ## Introduction Joy UI provides four accordion-related components: diff --git a/docs/data/joy/components/aspect-ratio/aspect-ratio.md b/docs/data/joy/components/aspect-ratio/aspect-ratio.md index 03bffdf78cf9d8..4c627a9cd5d289 100644 --- a/docs/data/joy/components/aspect-ratio/aspect-ratio.md +++ b/docs/data/joy/components/aspect-ratio/aspect-ratio.md @@ -8,6 +8,8 @@ components: AspectRatio

The Aspect Ratio component resizes its contents to match the desired ratio.

+{{"component": "@mui/docs/ComponentLinkHeader"}} + ## Introduction Aspect Ratio is a wrapper component for quickly resizing content to conform to your preferred ratio of width to height. diff --git a/docs/data/joy/components/card/card.md b/docs/data/joy/components/card/card.md index f132412e8af742..cb2b26bb38dd59 100644 --- a/docs/data/joy/components/card/card.md +++ b/docs/data/joy/components/card/card.md @@ -9,6 +9,8 @@ githubLabel: 'component: card'

A card is a generic container for grouping related UI elements and content.

+{{"component": "@mui/docs/ComponentLinkHeader"}} + ## Introduction The Joy UI Card component includes several complementary utility components to handle various use cases: diff --git a/docs/data/joy/components/drawer/drawer.md b/docs/data/joy/components/drawer/drawer.md index 70064e17c6e316..effced52744f04 100644 --- a/docs/data/joy/components/drawer/drawer.md +++ b/docs/data/joy/components/drawer/drawer.md @@ -9,6 +9,8 @@ githubLabel: 'component: drawer'

Navigation drawers provide quick access to other areas of an app without taking the user away from their current location.

+{{"component": "@mui/docs/ComponentLinkHeader"}} + ## Introduction Drawers are commonly used as menus for desktop navigation, and as dialogs on mobile devices (similar to [Apple's sheets](https://developer.apple.com/design/human-interface-guidelines/sheets)). diff --git a/docs/data/joy/components/grid/grid.md b/docs/data/joy/components/grid/grid.md index d9718bacf4df86..63fd7eb2052f27 100644 --- a/docs/data/joy/components/grid/grid.md +++ b/docs/data/joy/components/grid/grid.md @@ -9,6 +9,8 @@ githubLabel: 'component: Grid'

Grid acts as a generic container, wrapping around the elements to be arranged.

+{{"component": "@mui/docs/ComponentLinkHeader"}} + ## Introduction The Grid component, based on a 12-column grid layout, creates visual consistency between layouts while allowing flexibility across a wide variety of designs. diff --git a/docs/data/joy/components/list/list.md b/docs/data/joy/components/list/list.md index 0904eb53699c19..bd08d0c1323fac 100644 --- a/docs/data/joy/components/list/list.md +++ b/docs/data/joy/components/list/list.md @@ -9,6 +9,8 @@ githubLabel: 'component: list'

Lists are organizational tools that enhance the readability and organization of content.

+{{"component": "@mui/docs/ComponentLinkHeader"}} + ## Introduction Lists present information in a concise, easy-to-follow format through a continuous, vertical index of text or images. diff --git a/docs/data/joy/components/menu/menu.md b/docs/data/joy/components/menu/menu.md index eac1e43879feec..26af6084268566 100644 --- a/docs/data/joy/components/menu/menu.md +++ b/docs/data/joy/components/menu/menu.md @@ -11,6 +11,8 @@ unstyled: /base-ui/react-menu/

Menus display a list of choices on temporary surfaces.

+{{"component": "@mui/docs/ComponentLinkHeader"}} + ## Introduction Joy UI provides five menu-related components: diff --git a/docs/data/joy/components/skeleton/skeleton.md b/docs/data/joy/components/skeleton/skeleton.md index 6082f4815bae0d..16814516e1872b 100644 --- a/docs/data/joy/components/skeleton/skeleton.md +++ b/docs/data/joy/components/skeleton/skeleton.md @@ -9,6 +9,8 @@ components: Skeleton, AspectRatio, Avatar, Typography

Skeletons are preview placeholders for components that haven't loaded yet, reducing load-time frustration.

+{{"component": "@mui/docs/ComponentLinkHeader"}} + ## Introduction Skeletons provide users an expectation of what the UI looks like while data loads. diff --git a/docs/data/joy/components/stepper/stepper.md b/docs/data/joy/components/stepper/stepper.md index 9f029293acc11f..4ad0c54b7e543e 100644 --- a/docs/data/joy/components/stepper/stepper.md +++ b/docs/data/joy/components/stepper/stepper.md @@ -10,6 +10,8 @@ materialDesign: https://m1.material.io/components/steppers.html

Steppers convey progress through numbered steps. It provides a wizard-like workflow.

+{{"component": "@mui/docs/ComponentLinkHeader"}} + ## Introduction Stepper displays progress through a sequence of logical and numbered steps. It support horizontal and vertical orientation for desktop and mobile viewports. diff --git a/docs/data/joy/components/toggle-button-group/toggle-button-group.md b/docs/data/joy/components/toggle-button-group/toggle-button-group.md index 8f12d82c252636..b4d7a2322796f5 100644 --- a/docs/data/joy/components/toggle-button-group/toggle-button-group.md +++ b/docs/data/joy/components/toggle-button-group/toggle-button-group.md @@ -9,6 +9,8 @@ components: ToggleButtonGroup, Button, IconButton

A group of mutually exclusive buttons.

+{{"component": "@mui/docs/ComponentLinkHeader"}} + ## Introduction Toggle Button Group provides a way to get mutually exclusive actions closer together by sharing a common container. diff --git a/docs/data/joy/components/typography/typography.md b/docs/data/joy/components/typography/typography.md index 52ccec7e071ba3..eb889f6851e73c 100644 --- a/docs/data/joy/components/typography/typography.md +++ b/docs/data/joy/components/typography/typography.md @@ -9,6 +9,8 @@ githubLabel: 'component: Typography'

The Typography component helps present design and content clearly and efficiently.

+{{"component": "@mui/docs/ComponentLinkHeader"}} + ## Introduction The Typography component helps maintain a consistent design by providing a limited set of values to choose from and convenient props for building common designs faster.