fix: updated examples to new api

TheMcnafaha · TheMcnafaha · commit d7bec0ddde4f · 2024-05-19T18:35:09.000-04:00
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/pizza.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/pizza.tsx
@@ -12,11 +12,11 @@ export default component$(() => {
           checklist={true}
         >
           <Checklist.Indicator class="flex h-[25px] w-[25px] items-center justify-center bg-slate-600">
-            <div q:slot="checkbox" id="true-img">
+            <div q:slot="true" id="true-img">
               🍕
             </div>
 
-            <div q:slot="checklist" id="mixed-img">
+            <div q:slot="mixed" id="mixed-img">
               ➖
             </div>
           </Checklist.Indicator>
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-false.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-false.tsx
@@ -15,11 +15,11 @@ export default component$(() => {
           id="checklist"
         >
           <Checklist.Indicator class="w-fit">
-            <div q:slot="checkbox" id="true-img">
+            <div q:slot="true" id="true-img">
               ✅
             </div>
 
-            <div q:slot="checklist" id="mixed-img">
+            <div q:slot="mixed" id="mixed-img">
               ➖
             </div>
           </Checklist.Indicator>
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-mixed.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-mixed.tsx
@@ -12,10 +12,10 @@ export default component$(() => {
           checklist={true}
         >
           <Checklist.Indicator class="w-fit">
-            <div q:slot="checkbox" id="true-img">
+            <div q:slot="true" id="true-img">
               ✅
             </div>
-            <div q:slot="checklist" id="mixed-img">
+            <div q:slot="mixed" id="mixed-img">
               ➖
             </div>
           </Checklist.Indicator>
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/test-list.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/test-list.tsx
@@ -11,11 +11,11 @@ export default component$(() => {
           checklist={true}
         >
           <Checklist.Indicator class="w-fit bg-black">
-            <div q:slot="checkbox" id="true-img">
+            <div q:slot="true" id="true-img">
               ✅
             </div>
 
-            <div q:slot="checklist" id="mixed-img">
+            <div q:slot="mixed" id="mixed-img">
               ➖
             </div>
           </Checklist.Indicator>
