From f27feb766ce1970e4811d33c9cc4daffc1b4da01 Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Sat, 11 Jul 2020 21:40:06 +0200
Subject: [PATCH] add checkbox and radio html example

---
 frontend/styles_and_layout.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/frontend/styles_and_layout.md b/frontend/styles_and_layout.md
index dc5b7bd..0919cad 100644
--- a/frontend/styles_and_layout.md
+++ b/frontend/styles_and_layout.md
@@ -58,6 +58,29 @@ The following snippet creates a dictionary button (e.g. for opening a popup wind
 </span>
 ```
 
+### Checkbox
+
+The following snippet creates a checkbox.
+
+```html
+<label class="checkbox" for="iID">
+    <input id="iID" type="checkbox" name="name" value="1">
+    <span class="checkmark"></span>
+    Text
+</label>
+```
+
+### Radio
+
+The following snippet creates a checkbox.
+
+```html
+<label class="checkbox" for="iID">
+    <input id="iID" type="radio" name="name" value="1">
+    <span class="checkmark"></span>
+    Text
+</label
+
 ## Section
 
 A section is a container for information that can and should be grouped together.