diff --git a/data/themes/docs/overview/getting-started.mdx b/data/themes/docs/overview/getting-started.mdx index 7e2d8964a..5aa129c1d 100644 --- a/data/themes/docs/overview/getting-started.mdx +++ b/data/themes/docs/overview/getting-started.mdx @@ -79,10 +79,18 @@ Install the package from your command line. Import the global CSS file at the root of your application. +From a JavaScript or TypeScript file: + ```ts import "@radix-ui/themes/styles.css"; ``` +From a CSS file, use `@import` instead. A JS `import` is not valid CSS: + +```css +@import "@radix-ui/themes/styles.css"; +``` + ### 3. Add the Theme component Add `Theme` to your application, wrapping the root component inside of `body`.