diff --git a/website/data/snippets/react/checkbox/usage.mdx b/website/data/snippets/react/checkbox/usage.mdx
index f2945dd49f..55a4ee857f 100644
--- a/website/data/snippets/react/checkbox/usage.mdx
+++ b/website/data/snippets/react/checkbox/usage.mdx
@@ -10,7 +10,7 @@ function Checkbox() {
   return (
     <label {...api.rootProps}>
       <span {...api.labelProps}>
-        Input is {api.isChecked ? "checked" : "unchecked"}
+        Input is {api.checked ? "checked" : "unchecked"}
       </span>
       <div {...api.controlProps} />
       <input {...api.hiddenInputProps} />
diff --git a/website/data/snippets/react/switch/usage.mdx b/website/data/snippets/react/switch/usage.mdx
index 76038d10b5..e9b693b3ba 100644
--- a/website/data/snippets/react/switch/usage.mdx
+++ b/website/data/snippets/react/switch/usage.mdx
@@ -13,7 +13,7 @@ function Checkbox() {
       <span {...api.controlProps}>
         <span {...api.thumbProps} />
       </span>
-      <span {...api.labelProps}>{api.isChecked ? "On" : "Off"}</span>
+      <span {...api.labelProps}>{api.checked ? "On" : "Off"}</span>
     </label>
   )
 }
diff --git a/website/data/snippets/solid/switch/usage.mdx b/website/data/snippets/solid/switch/usage.mdx
index a14b925a42..3ba42bccfb 100644
--- a/website/data/snippets/solid/switch/usage.mdx
+++ b/website/data/snippets/solid/switch/usage.mdx
@@ -14,7 +14,7 @@ function Checkbox() {
       <span {...api().controlProps}>
         <span {...api().thumbProps} />
       </span>
-      <span {...api().labelProps}>{api.isChecked ? "On" : "Off"}</span>
+      <span {...api().labelProps}>{api.checked ? "On" : "Off"}</span>
     </label>
   )
 }
diff --git a/website/data/snippets/vue-jsx/checkbox/usage.mdx b/website/data/snippets/vue-jsx/checkbox/usage.mdx
index 7a5aba4f46..3101625929 100644
--- a/website/data/snippets/vue-jsx/checkbox/usage.mdx
+++ b/website/data/snippets/vue-jsx/checkbox/usage.mdx
@@ -17,7 +17,7 @@ export default defineComponent({
       return (
         <label {...api.rootProps}>
           <span {...api.labelProps}>
-            Input is {api.isChecked ? "checked" : "unchecked"}
+            Input is {api.checked ? "checked" : "unchecked"}
           </span>
           <div {...api.controlProps} />
           <input {...api.hiddenInputProps} />
diff --git a/website/data/snippets/vue-jsx/switch/usage.mdx b/website/data/snippets/vue-jsx/switch/usage.mdx
index 4c12c2ce31..074a5577c2 100644
--- a/website/data/snippets/vue-jsx/switch/usage.mdx
+++ b/website/data/snippets/vue-jsx/switch/usage.mdx
@@ -20,7 +20,7 @@ export default defineComponent({
           <span {...api.controlProps}>
             <span {...api.thumbProps} />
           </span>
-          <span {...api.labelProps}>{api.isChecked ? "On" : "Off"}</span>
+          <span {...api.labelProps}>{api.checked ? "On" : "Off"}</span>
         </label>
       )
     }
diff --git a/website/data/snippets/vue-sfc/avatar/usage.mdx b/website/data/snippets/vue-sfc/avatar/usage.mdx
index 353f0f082c..42ed76f7f2 100644
--- a/website/data/snippets/vue-sfc/avatar/usage.mdx
+++ b/website/data/snippets/vue-sfc/avatar/usage.mdx
@@ -12,7 +12,7 @@
 <template>
   <div v-bind="api.rootProps">
     <span v-bind="api.fallbackProps">PA</span>
-    <img alt="PA" src="{src}" v-bind="api.imageProps" />
+    <img alt="PA" :src="src" v-bind="api.imageProps" />
   </div>
 </template>
 ```
diff --git a/website/data/snippets/vue-sfc/checkbox/usage.mdx b/website/data/snippets/vue-sfc/checkbox/usage.mdx
index b5fef4311a..d407924489 100644
--- a/website/data/snippets/vue-sfc/checkbox/usage.mdx
+++ b/website/data/snippets/vue-sfc/checkbox/usage.mdx
@@ -15,7 +15,7 @@
   <label v-bind="api.rootProps">
     <span v-bind="api.labelProps">
       Input is
-      <span v-if="api.isChecked"> checked</span>
+      <span v-if="api.checked"> checked</span>
       <span v-else> unchecked</span>
     </span>
     <div v-bind="api.controlProps" />
diff --git a/website/data/snippets/vue-sfc/switch/usage.mdx b/website/data/snippets/vue-sfc/switch/usage.mdx
index 41cc782575..8a96ee0ecc 100644
--- a/website/data/snippets/vue-sfc/switch/usage.mdx
+++ b/website/data/snippets/vue-sfc/switch/usage.mdx
@@ -18,7 +18,7 @@
       <span v-bind="api.thumbProps" />
     </span>
     <span v-bind="api.labelProps">
-      <span v-if="api.isChecked">On</span>
+      <span v-if="api.checked">On</span>
       <span v-else>Off</span>
     </span>
   </label>