From 4ff939882d5cc6ee1b2cc1cf34bdc625c6623803 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ari=20Perkki=C3=B6?= Date: Wed, 28 Aug 2024 15:33:50 +0300 Subject: [PATCH 1/2] docs: show sources for referenced files --- .../content/docs/reference/react-components.mdx | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/docs/tutorialkit.dev/src/content/docs/reference/react-components.mdx b/docs/tutorialkit.dev/src/content/docs/reference/react-components.mdx index ea1fe7e90..fa46ccaf2 100644 --- a/docs/tutorialkit.dev/src/content/docs/reference/react-components.mdx +++ b/docs/tutorialkit.dev/src/content/docs/reference/react-components.mdx @@ -4,6 +4,7 @@ description: Use TutorialKit's React components for fun and profit. --- import PackageManagerTabs from '@components/Tabs/PackageManagerTabs.astro' import { Code } from '@astrojs/starlight/components'; +import { Tabs, TabItem } from '@astrojs/starlight/components'; import themeCSS from '@tutorialkit/astro/default-theme.css?raw'; import Example from '@components/react-examples/Example.astro'; @@ -17,6 +18,8 @@ import sourceExampleSimpleEditor from '@components/react-examples/ExampleSimpleE import sourceExampleFileTree from '@components/react-examples/ExampleFileTree?raw'; import sourceExampleCodeMirrorEditor from '@components/react-examples/ExampleCodeMirrorEditor?raw'; import sourceExampleTerminal from '@components/react-examples/ExampleTerminal?raw'; +import sourceUseTheme from "@components/react-examples/hooks/useTheme?raw"; +import sourceUseWebcontainer from "@components/react-examples/hooks/useWebcontainer?raw"; You can reuse TutorialKit's React components in your own applications. They are designed to work well with the [WebContainer API][webcontainers]. @@ -74,6 +77,17 @@ See a full example on [StackBlitz][stackblitz-example]. ## Components +These examples have references to following files: + + + + + + + + + + ### `FileTree` From 9de93ab0d2ce8880948f23095158ba261036898f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ari=20Perkki=C3=B6?= Date: Wed, 28 Aug 2024 15:57:52 +0300 Subject: [PATCH 2/2] docs: code review --- .../src/content/docs/reference/react-components.mdx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/docs/tutorialkit.dev/src/content/docs/reference/react-components.mdx b/docs/tutorialkit.dev/src/content/docs/reference/react-components.mdx index fa46ccaf2..3dd41c0e6 100644 --- a/docs/tutorialkit.dev/src/content/docs/reference/react-components.mdx +++ b/docs/tutorialkit.dev/src/content/docs/reference/react-components.mdx @@ -18,7 +18,6 @@ import sourceExampleSimpleEditor from '@components/react-examples/ExampleSimpleE import sourceExampleFileTree from '@components/react-examples/ExampleFileTree?raw'; import sourceExampleCodeMirrorEditor from '@components/react-examples/ExampleCodeMirrorEditor?raw'; import sourceExampleTerminal from '@components/react-examples/ExampleTerminal?raw'; -import sourceUseTheme from "@components/react-examples/hooks/useTheme?raw"; import sourceUseWebcontainer from "@components/react-examples/hooks/useWebcontainer?raw"; You can reuse TutorialKit's React components in your own applications. They are designed to work well with the [WebContainer API][webcontainers]. @@ -77,11 +76,11 @@ See a full example on [StackBlitz][stackblitz-example]. ## Components -These examples have references to following files: +These examples have references to the following files: - +