diff --git a/docs/src/components/Footer.tsx b/docs/src/components/Footer.tsx
index 9b300ebb1e..f4ac0dcab0 100644
--- a/docs/src/components/Footer.tsx
+++ b/docs/src/components/Footer.tsx
@@ -112,6 +112,10 @@ export default function Footer() {
Storybook
+
+ Playroom
+
+
Changelog
Themer
diff --git a/docs/src/components/Navbar/Links.tsx b/docs/src/components/Navbar/Links.tsx
index 905e3e3e53..083665fb82 100644
--- a/docs/src/components/Navbar/Links.tsx
+++ b/docs/src/components/Navbar/Links.tsx
@@ -9,7 +9,7 @@ import ReadArt from "../../images/streamline-light/read-art.svg";
import IrisScanIcon from "../../images/streamline-light/iris-scan.svg";
import ScriptIcon from "../../images/streamline-light/script.svg";
-type Link = "Components" | "Guides" | "Tokens" | "Accessibility" | "Foundation" | "Playground";
+type Link = "Components" | "Guides" | "Tokens" | "Accessibility" | "Foundation" | "Playroom";
interface Props {
links?: Link[];
@@ -31,7 +31,7 @@ const LinkIcon = ({ name }: { name?: string }) => {
return ;
case "Accessibility":
return ;
- case "Playground":
+ case "Playroom":
return
;
default:
return ;
@@ -59,6 +59,7 @@ const getLinkPath = (link: Link) => {
if (link === "Tokens") return "/foundation/design-tokens/";
if (link === "Guides") return "/development/guides/";
if (link === "Accessibility") return "/foundation/accessibility/";
+ if (link === "Playroom") return "https://kiwicom.github.io/orbit/playroom";
return link.toLowerCase();
};
@@ -82,7 +83,7 @@ const LinkList = ({ isDesktop, links }: { isDesktop?: boolean; links: Props["lin
);
const Links = ({
- links = ["Foundation", "Components", "Tokens", "Guides", "Accessibility", "Playground"],
+ links = ["Foundation", "Components", "Tokens", "Guides", "Accessibility", "Playroom"],
}: Props) => {
return (
<>
diff --git a/docs/src/documentation/01-getting-started/02-for-developers.mdx b/docs/src/documentation/01-getting-started/02-for-developers.mdx
index 861114c9ea..6183345e70 100644
--- a/docs/src/documentation/01-getting-started/02-for-developers.mdx
+++ b/docs/src/documentation/01-getting-started/02-for-developers.mdx
@@ -57,7 +57,7 @@ See [more info about the Orbit provider](/utilities/orbit-provider/).
For a live preview, check out our [Storybook](https://kiwicom.github.io/orbit/) or [orbit.kiwi](https://orbit.kiwi).
-You can also try `orbit-components` directly on our [Playground](https://orbit.kiwi/playground/).
+You can also try `orbit-components` directly on our [Playroom](https://kiwicom.github.io/orbit/playroom/).
## Typescript
diff --git a/packages/orbit-components/README.md b/packages/orbit-components/README.md
index 22dc796967..ee384ffd22 100644
--- a/packages/orbit-components/README.md
+++ b/packages/orbit-components/README.md
@@ -42,7 +42,7 @@ or do so with [Yarn](https://yarnpkg.com/):
For a live preview, check out our [Storybook](https://kiwicom.github.io/orbit/) or [orbit.kiwi](https://orbit.kiwi).
-You can also try `orbit-components` directly on our [Playground](https://orbit.kiwi/playground/).
+You can also try `orbit-components` directly on our [Playroom](https://kiwicom.github.io/orbit/playroom/).
## Contributing
diff --git a/readme.md b/readme.md
index 57432c15d1..36cecdfded 100644
--- a/readme.md
+++ b/readme.md
@@ -63,7 +63,7 @@ If you want to use custom theme inside your project, it's necessary to wrap your
For live preview check out [Storybook](https://kiwicom.github.io/orbit/) or [orbit.kiwi](https://orbit.kiwi).
-You can also try `orbit-components` directly on our [Playground](https://orbit.kiwi/playground/).
+You can also try `orbit-components` directly on our [Playroom](https://kiwicom.github.io/orbit/playroom).
## Documentation