Skip to content

Commit aad009a

Browse files
committed
docs: update prerequisites docs and add tsconfig alias setup
1 parent 8588d19 commit aad009a

2 files changed

Lines changed: 19 additions & 2 deletions

File tree

apps/website/src/docs/getting-started/prerequisites.mdx

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,23 @@ For some colors, we use [**neutral** theme](https://tailwindcss.com/docs/colors)
2727
<CodeBlockSelectPkg
2828
type="install"
2929
title="Required Dependencies"
30-
command="clsx tailwind-merge lucide-react @react-symbols/icons"
30+
command="@base-ui/react clsx tailwind-merge lucide-react @react-symbols/icons"
3131
/>
3232

33-
3. Create the `cn` utility:
33+
3. Add `@` alias to your `tsconfig.json`:
34+
35+
```json {5} title="tsconfig.json"
36+
{
37+
"compilerOptions": {
38+
"baseUrl": ".",
39+
"paths": {
40+
"@/*": ["./src/*"]
41+
}
42+
}
43+
}
44+
```
45+
46+
4. Create the `cn` utility:
3447

3548
```ts title="src/utils/cn.ts"
3649
import { clsx, type ClassValue } from "clsx";

apps/website/src/docs/home.mdx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ category: [General]
66

77
<Hero />
88

9+
<div className="animate-in fill-mode-backwards slide-in-from-bottom-4 fade-in duration-500 delay-300">
10+
911
```tsx {5} lineNumbers title="Code Block Example"
1012
export default function MyApp() {
1113
return (
@@ -18,3 +20,5 @@ export default function MyApp() {
1820
```
1921

2022
<Features />
23+
24+
</div>

0 commit comments

Comments
 (0)