diff --git a/packages/react/components/Account/Set.mjs b/packages/react/components/Account/Set.mjs
index 5f617ee9840..1e243170fb2 100644
--- a/packages/react/components/Account/Set.mjs
+++ b/packages/react/components/Account/Set.mjs
@@ -63,9 +63,10 @@ const t = (input) => {
return input
}
-/*
+/**
* Component to show an individual measurements set
*
+ * @component
* @param {object} props - All Component props
* @param {number} props.id - The ID of the measurements set to load
* @param {bool} [props.publicOnly = false] - If the set should be used with the backend.getPublicSet method
@@ -384,7 +385,7 @@ export const Set = ({ id, publicOnly = false, Link = false, measurementHelpProvi
return (
{heading}
-
+
)
@@ -619,28 +620,30 @@ export const Set = ({ id, publicOnly = false, Link = false, measurementHelpProvi
)
}
-/**
+/*
* A (helper) component to display a measurements value
*
+ * @component
* @param {object} props - All React props
* @param {string} val - The value
* @param {string} m - The measurement name
* @param {bool} imperial - True for imperial measurements, or metric by default
*/
-export const MeasurementValue = ({ val, m, imperial = false }) =>
+const MeasurementValue = ({ val, m, imperial = false }) =>
isDegreeMeasurement(m) ? (
{val}°
) : (
)
-/**
+/*
* React component to suggest a measurements set for curation
*
+ * @component
* @param {object} props - All React props
* @param {string} mset - The measurements set
*/
-export const SuggestCset = ({ mset, Link }) => {
+const SuggestCset = ({ mset, Link }) => {
// State
const [height, setHeight] = useState('')
const [img, setImg] = useState('')
@@ -760,13 +763,14 @@ export const SuggestCset = ({ mset, Link }) => {
)
}
-/**
+/*
* React component to render a preview of a measurement set using the bonny pattern
*
+ * @component
* @param {object} props - All React props
* @param {string} mset - The measurements set
*/
-export const RenderedCSet = ({ mset, imperial }) => {
+const RenderedCset = ({ mset, imperial }) => {
const [previewVisible, setPreviewVisible] = useState(false)
const missing = []
diff --git a/sites/dev/docs/reference/packages/react/components/account/_examples.js b/sites/dev/docs/reference/packages/react/components/account/_examples.js
index 4937246d6be..61c8c0ffa39 100644
--- a/sites/dev/docs/reference/packages/react/components/account/_examples.js
+++ b/sites/dev/docs/reference/packages/react/components/account/_examples.js
@@ -29,7 +29,7 @@ import {
Reload as ReloadExample,
Remove as RemoveExample,
Restrict as RestrictExample,
- Set as SetExample,
+ Set,
Sets as SetsExample,
Tiktok as TiktokExample,
Twitch as TwitchExample,
@@ -89,6 +89,7 @@ const MsetCardExample = () =>
const PatternExample = () =>
const PatternCardExample = () =>
+const SetExample = () =>
export {
AccountStatusExample,