diff --git a/gh-pages/src/pages/checkbox/mod.rs b/gh-pages/src/pages/checkbox/mod.rs
index 53521e8..0a232b9 100644
--- a/gh-pages/src/pages/checkbox/mod.rs
+++ b/gh-pages/src/pages/checkbox/mod.rs
@@ -7,21 +7,21 @@ use prisms::highlight_str;
 
 #[component]
 pub fn CheckboxPage() -> impl IntoView {
-    let checked = create_rw_signal(false);
+    let value = create_rw_signal(false);
     let value = create_rw_signal(HashSet::new());
     view! {
         <div style="width: 896px; margin: 0 auto;">
             <h1>"Checkbox"</h1>
             <Demo>
-                <Checkbox checked>"Click"</Checkbox>
+                <Checkbox value>"Click"</Checkbox>
                 <DemoCode
                     slot
                     html=highlight_str!(
                         r#"
-                    let checked = create_rw_signal(false);
+                    let value = create_rw_signal(false);
 
                     view! {
-                        <Checkbox checked>
+                        <Checkbox value>
                             "Click"
                         </Checkbox>
                     }
diff --git a/src/checkbox/checkbox_item.rs b/src/checkbox/checkbox_item.rs
index cb08f48..aa6d827 100644
--- a/src/checkbox/checkbox_item.rs
+++ b/src/checkbox/checkbox_item.rs
@@ -32,5 +32,5 @@ pub fn CheckboxItem(
         item_key.get_value()
     };
 
-    view! { <Checkbox checked>{label}</Checkbox> }
+    view! { <Checkbox value=checked>{label}</Checkbox> }
 }
diff --git a/src/checkbox/mod.rs b/src/checkbox/mod.rs
index be0b940..bec4f43 100644
--- a/src/checkbox/mod.rs
+++ b/src/checkbox/mod.rs
@@ -15,7 +15,7 @@ use leptos::*;
 
 #[component]
 pub fn Checkbox(
-    #[prop(optional, into)] checked: MaybeRwSignal<bool>,
+    #[prop(optional, into)] value: MaybeRwSignal<bool>,
     children: Children,
 ) -> impl IntoView {
     let theme = use_theme(Theme::light);
@@ -32,13 +32,13 @@ pub fn Checkbox(
     view! {
         <div
             class:melt-checkbox=true
-            class=("melt-checkbox--checked", move || checked.get())
+            class=("melt-checkbox--checked", move || value.get())
             style=move || css_vars.get()
-            on:click=move |_| checked.set(!checked.get_untracked())
+            on:click=move |_| value.set(!value.get_untracked())
         >
             <input class="melt-checkbox__input" type="checkbox"/>
             <div class="melt-checkbox__dot">
-                <If cond=checked.clone_into()>
+                <If cond=value.clone_into()>
                     <Then slot>
                         <Icon icon=Icon::from(AiIcon::AiCheckOutlined) style="color: white"/>
                     </Then>