Skip to content

Commit 7d59c90

Browse files
committed
docs: add loom component docs
1 parent 8681d42 commit 7d59c90

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

docs/components.md

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,24 @@ Hello world 👋
5151
<Accordion title='Hi there'>Hello world 👋</Accordion>
5252
```
5353

54+
## Loom video embed
55+
56+
[Loom](https://loom.com) let's you easily embed videos in webpages.
57+
But the embed can decrease the lighthouse score and affects the speed of the page.
58+
59+
And that's why Hyperdocs provides a component
60+
that helps you embed loom videos without affecting the loading of the page.
61+
62+
<Loom url="https://www.loom.com/share/64bb8c253a5d4cdabbc5ac4db92df606" title="Hyperdocs Intro" />
63+
64+
```tsx
65+
<Loom url='LOOM-VIDEO-URL' title='TITLE' />
66+
```
67+
68+
<Callout type="warning">
69+
**LOOM-VIDEO-URL** is the url that you find in the address bar of the browser in Loom's dashboard, not the embedding URL that Loom provides. Hyperdocs auto-generates the embed link from the regular URL(*https://loom.com/share/video-id*)
70+
</Callout>
71+
5472
## Sandpack
5573

5674
[Sandpack](https://sandpack.codesandbox.io) from CodeSandbox. Hyperdocs just exposes the `Sandpack` component from it so that you can use everything out of it.

0 commit comments

Comments
 (0)