1 files changed, 13 insertions, 0 deletions

diff --git a/tpl/objects/text-field.pug b/tpl/objects/text-field.pug
new file mode 100644
index 0000000..9bbe0a1
--- /dev/null
+++ b/tpl/objects/text-field.pug
@@ -0,0 +1,13 @@
+include icon.pug
+
+mixin text-field
+  -
+    let classes = {
+      'o-text-field': true,
+      'is-invalid':   attributes.invalid,
+      'is-disabled':  attributes.disabled,
+    }
+
+  div(class=classes)
+    input(class='o-text-field__input')&attributes(attributes)
+    .o-text-field__bg