fix: missing suspend badges to the docs (#2530)

abernier · web-flow · commit 3e1246f3591e · 2025-09-08T17:49:27.000+02:00
diff --git a/docs/abstractions/positional-audio.mdx b/docs/abstractions/positional-audio.mdx
@@ -9,7 +9,8 @@ sourcecode: src/core/PositionalAudio.tsx
   </li>
 </Grid>
 
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.vercel.app/?path=/story/abstractions-positionalaudio--positional-audio-scene-st) ![](https://img.shields.io/badge/-suspense-brightgreen)
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.vercel.app/?path=/story/abstractions-positionalaudio--positional-audio-scene-st)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 A wrapper around [THREE.PositionalAudio](https://threejs.org/docs/#api/en/audio/PositionalAudio). Add this to groups or meshes to tie them to a sound that plays when the camera comes near.
 
diff --git a/docs/abstractions/splat.mdx b/docs/abstractions/splat.mdx
@@ -3,6 +3,8 @@ title: Splat
 sourcecode: src/core/Splat.tsx
 ---
 
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
+
 <Grid cols={4}>
   <li>
     <Codesandbox id="qp4jmf" />
diff --git a/docs/abstractions/svg.mdx b/docs/abstractions/svg.mdx
@@ -4,6 +4,7 @@ sourcecode: src/core/Svg.tsx
 ---
 
 [![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/abstractions-svg--svg-st)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 Wrapper around the `three` [svg loader](https://threejs.org/examples/?q=sv#webgl_loader_svg) demo.
 
diff --git a/docs/abstractions/text.mdx b/docs/abstractions/text.mdx
@@ -3,7 +3,8 @@ title: Text
 sourcecode: src/core/Text.tsx
 ---
 
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.vercel.app/?path=/story/abstractions-text--text-st) ![](https://img.shields.io/badge/-suspense-brightgreen)
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.vercel.app/?path=/story/abstractions-text--text-st)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 <Grid cols={4}>
   <li>
diff --git a/docs/abstractions/text3d.mdx b/docs/abstractions/text3d.mdx
@@ -3,7 +3,8 @@ title: Text3D
 sourcecode: src/core/Text3D.tsx
 ---
 
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.vercel.app/?path=/story/abstractions-text3d--text-3-d-st) ![](https://img.shields.io/badge/-suspense-brightgreen)
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.vercel.app/?path=/story/abstractions-text3d--text-3-d-st)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 <Grid cols={4}>
   <li>
diff --git a/docs/loaders/cube-texture-use-cube-texture.mdx b/docs/loaders/cube-texture-use-cube-texture.mdx
@@ -4,6 +4,7 @@ sourcecode: src/core/CubeTexture.tsx
 ---
 
 [![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/abstractions-cubetexture)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 A convenience hook that uses `useLoader` and `CubeTextureLoader`
 
diff --git a/docs/loaders/fbx-use-fbx.mdx b/docs/loaders/fbx-use-fbx.mdx
@@ -4,6 +4,7 @@ sourcecode: src/core/Fbx.tsx
 ---
 
 [![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/loaders-fbx)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 A convenience hook that uses `useLoader` and `FBXLoader`:
 
diff --git a/docs/loaders/gltf-use-gltf.mdx b/docs/loaders/gltf-use-gltf.mdx
@@ -4,6 +4,7 @@ sourcecode: src/core/Gltf.tsx
 ---
 
 [![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/loaders-gltf)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 <Grid cols={4}>
   <li>
diff --git a/docs/loaders/ktx2-use-ktx2.mdx b/docs/loaders/ktx2-use-ktx2.mdx
@@ -4,6 +4,7 @@ sourcecode: src/core/Ktx2.tsx
 ---
 
 [![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/loaders-ktx2)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 A convenience hook that uses `useLoader` and `KTX2Loader`
 
diff --git a/docs/loaders/screen-video-texture.mdx b/docs/loaders/screen-video-texture.mdx
@@ -3,7 +3,8 @@ title: ScreenVideoTexture
 sourcecode: src/web/ScreenVideoTexture.tsx
 ---
 
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/misc-screenvideotexture) ![](https://img.shields.io/badge/-suspense-brightgreen)
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/misc-screenvideotexture)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 <Intro>Create a video texture from [`getDisplayMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia)</Intro>
 
diff --git a/docs/loaders/texture-use-texture.mdx b/docs/loaders/texture-use-texture.mdx
@@ -4,6 +4,7 @@ sourcecode: src/core/Texture.tsx
 ---
 
 [![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/loaders-texture)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 A convenience hook that uses `useLoader` and `TextureLoader`
 
diff --git a/docs/loaders/video-texture-use-video-texture.mdx b/docs/loaders/video-texture-use-video-texture.mdx
@@ -3,7 +3,8 @@ title: VideoTexture / useVideoTexture
 sourcecode: src/core/VideoTexture.tsx
 ---
 
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/misc-videotexture) ![](https://img.shields.io/badge/-suspense-brightgreen)
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/misc-videotexture)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 <Grid cols={4}>
   <li>
diff --git a/docs/loaders/webcam-video-texture.mdx b/docs/loaders/webcam-video-texture.mdx
@@ -3,7 +3,8 @@ title: WebcamVideoTexture
 sourcecode: src/web/WebcamVideoTexture.tsx
 ---
 
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/misc-webcamvideotexture) ![](https://img.shields.io/badge/-suspense-brightgreen)
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/misc-webcamvideotexture)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 <Intro>Create a video texture from [`getUserMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia)</Intro>
 
diff --git a/docs/misc/face-landmarker.mdx b/docs/misc/face-landmarker.mdx
@@ -3,7 +3,7 @@ title: FaceLandmarker
 sourcecode: src/web/FaceLandmarker.tsx
 ---
 
-![](https://img.shields.io/badge/-suspense-brightgreen)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 A @mediapipe/tasks-vision [`FaceLandmarker`](https://developers.google.com/mediapipe/api/solutions/js/tasks-vision.facelandmarker) provider, as well as a `useFaceLandmarker` hook.
 
diff --git a/docs/staging/cloud.mdx b/docs/staging/cloud.mdx
@@ -3,7 +3,8 @@ title: Cloud
 sourcecode: src/core/Cloud.tsx
 ---
 
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/staging-cloud--cloud-st) ![](https://img.shields.io/badge/-suspense-brightgreen)
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/staging-cloud--cloud-st)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 <Grid cols={4}>
 
diff --git a/docs/staging/environment.mdx b/docs/staging/environment.mdx
@@ -4,6 +4,7 @@ sourcecode: src/core/Environment.tsx
 ---
 
 [![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/staging-environment--environment-story)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 <Grid cols={4}>
   <li>
diff --git a/docs/staging/matcap-texture-use-matcap-texture.mdx b/docs/staging/matcap-texture-use-matcap-texture.mdx
@@ -3,7 +3,8 @@ title: MatcapTexture / useMatcapTexture
 sourcecode: src/core/MatcapTexture.tsx
 ---
 
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/staging-matcaptexture) ![](https://img.shields.io/badge/-suspense-brightgreen)
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/staging-matcaptexture)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 Loads matcap textures from this repository: https://github.com/emmelleppi/matcaps
 
diff --git a/docs/staging/normal-texture-use-normal-texture.mdx b/docs/staging/normal-texture-use-normal-texture.mdx
@@ -3,7 +3,8 @@ title: NormalTexture / useNormalTexture
 sourcecode: src/core/NormalTexture.tsx
 ---
 
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/staging-normaltexture) ![](https://img.shields.io/badge/-suspense-brightgreen)
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/staging-normaltexture)
+[![](https://img.shields.io/badge/-suspense-brightgreen)](https://r3f.docs.pmnd.rs/api/hooks#useloader)
 
 Loads normal textures from this repository: https://github.com/emmelleppi/normal-maps
 
