From eb0ad4106d20760ded4263766e5639f333348e5f Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Tue, 31 Dec 2019 12:53:51 -0800
Subject: [PATCH] feat(checkbox): add readonly prop

---
 src/components/Checkbox/Checkbox.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Checkbox/Checkbox.svelte b/src/components/Checkbox/Checkbox.svelte
index 05f4f5d3..688dd8e9 100644
--- a/src/components/Checkbox/Checkbox.svelte
+++ b/src/components/Checkbox/Checkbox.svelte
@@ -7,6 +7,7 @@
   export let id = Math.random();
   export let labelText = '';
   export let name = '';
+  export let readonly = false;
   export let hideLabel = false;
   export let title = '';
   export let style = undefined;
@@ -39,7 +40,8 @@
     {disabled}
     {checked}
     {name}
-    {id} />
+    {id}
+    {readonly} />
   <label class={cx('--checkbox-label')} for={id} title={title || undefined}>
     <span class={cx('--checkbox-label-text', hideLabel && '--visually-hidden')}>{labelText}</span>
   </label>