Skip to content

Commit 00e0c24

Browse files
committed
chore: update documentation with raw code block support for better formatting; add dark color scheme to configuration
1 parent 9f4bf63 commit 00e0c24

5 files changed

Lines changed: 21 additions & 0 deletions

File tree

docs/_config.yml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
11
theme: jekyll-theme-cayman
2+
color_scheme: dark

docs/advanced-features.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,8 @@ This guide covers advanced features and configurations for Adaptly, including cu
88

99
Create a custom loading component for AI processing:
1010

11+
{% raw %}
12+
1113
```tsx
1214
import { CustomLoaderProps } from 'adaptly';
1315

@@ -42,8 +44,12 @@ function MyCustomLoader({ isVisible, message, subMessage }: CustomLoaderProps) {
4244
/>
4345
```
4446

47+
{% endraw %}
48+
4549
### Advanced Loader with Progress
4650

51+
{% raw %}
52+
4753
```tsx
4854
function ProgressLoader({ isVisible, message, subMessage }: CustomLoaderProps) {
4955
const [progress, setProgress] = useState(0);
@@ -88,6 +94,8 @@ function ProgressLoader({ isVisible, message, subMessage }: CustomLoaderProps) {
8894
}
8995
```
9096

97+
{% endraw %}
98+
9199
## 🔄 Multi-Provider Setup
92100

93101
### Dynamic Provider Switching

docs/api/core-components.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,8 @@ function App() {
7070

7171
### Advanced Usage
7272

73+
{% raw %}
74+
7375
```tsx
7476
<AdaptlyProvider
7577
apiKey={process.env.NEXT_PUBLIC_GOOGLE_GENERATIVE_AI_API_KEY!}
@@ -101,6 +103,8 @@ function App() {
101103
</AdaptlyProvider>
102104
```
103105

106+
{% endraw %}
107+
104108
## 🎣 useAdaptiveUI Hook
105109

106110
React hook that provides access to the adaptive UI context and methods.

docs/installation.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -209,6 +209,8 @@ Create a `adaptly.json` file in your project root:
209209

210210
Create a simple component in `src/components/MetricCard.tsx`:
211211

212+
{% raw %}
213+
212214
```tsx
213215
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
214216

@@ -260,6 +262,8 @@ export function MetricCard({
260262
}
261263
```
262264

265+
{% endraw %}
266+
263267
### 3. Set Up AdaptlyProvider
264268

265269
In your main page component (`src/app/page.tsx` for Next.js or `src/App.tsx` for React):

docs/quick-start.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -82,6 +82,8 @@ Create `adaptly.json` in your project root:
8282

8383
Create `src/components/MetricCard.tsx`:
8484

85+
{% raw %}
86+
8587
```tsx
8688
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
8789

@@ -142,6 +144,8 @@ export function MetricCard({
142144
}
143145
```
144146

147+
{% endraw %}
148+
145149
Create `src/components/SalesChart.tsx`:
146150

147151
```tsx

0 commit comments

Comments
 (0)