2 files changed, 29 insertions, 0 deletions
diff --git a/components/panel/basic-panel.html b/components/panel/basic-panel.html
new file mode 100644
index 0000000..14e6461
--- /dev/null
+++ b/components/panel/basic-panel.html
@@ -0,0 +1,21 @@
+<div class="sdc-panel">
+    <h3>
+        Panel
+    </h3>
+    <div class="sdc-checkbox">
+        <label>
+            <input type="checkbox" class="sdc-checkbox__input" />
+            <span class="sdc-checkbox__label">
+                filter-item
+            </span>
+        </label>
+    </div>
+    <div class="sdc-checkbox ">
+        <label>
+            <input type="checkbox" class="sdc-checkbox__input" checked="" />
+            <span class="sdc-checkbox__label">
+                filter-item-checked
+            </span>
+        </label>
+    </div>
+</div>
+\ No newline at end of file
diff --git a/components/panel/panel.scss b/components/panel/panel.scss
new file mode 100644
index 0000000..921dd74
--- /dev/null
+++ b/components/panel/panel.scss
@@ -0,0 +1,8 @@
+.sdc-panel {
+    width: 280px;
+    overflow-y: auto;
+    height: 100%;
+    box-shadow: 1px 0px 4px 0px $light-gray;
+    background-color: $white;
+    padding: 0;
+}
+\ No newline at end of file