1 files changed, 25 insertions, 0 deletions
diff --git a/docs/components/custom-forms.md b/docs/components/custom-forms.md
new file mode 100644
index 000000000..de0fb7e7f
--- /dev/null
+++ b/docs/components/custom-forms.md
@@ -0,0 +1,25 @@
+---
+layout: page
+title: Custom forms
+---
+
+{% example html %}
+<label class="c-input c-checkbox">
+  <input type="checkbox">
+  <span class="c-indicator"></span>
+  Check this custom checkbox
+</label>
+{% endexample %}
+
+{% example html %}
+<label class="c-input c-radio">
+  <input id="radio1" name="radio" type="radio">
+  <span class="c-indicator"></span>
+  Toggle this custom radio
+</label>
+<label class="c-input c-radio">
+  <input id="radio2" name="radio" type="radio">
+  <span class="c-indicator"></span>
+  Or toggle this other custom radio
+</label>
+{% endexample %}