feat(forms): forms component

Siumauricio · Feb 1, 2023 · dbea29a · dbea29a
1 parent 6b81e2a
commit dbea29a
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/components/components.css b/components/components.css
@@ -25,6 +25,7 @@
 @import "./informational/kbd.css";
 @import "./informational/progress.css";
 @import "./informational/dot.css";
+@import "./informational/form-control.css";
 @import "./navigation/navbar.css";
 @import "./navigation/breadcrumb.css";
 @import "./navigation/drawer.css";

diff --git a/components/informational/form-control.css b/components/informational/form-control.css
@@ -0,0 +1,19 @@
+.form-group {
+  @apply flex w-full flex-col gap-3;
+}
+
+.form-field {
+  @apply flex flex-col gap-1.5;
+}
+
+.form-label {
+  @apply flex  flex-row justify-between px-1 text-sm text-content1;
+}
+
+.form-label-alt {
+  @apply text-xs text-content2;
+}
+
+.form-control {
+  @apply relative flex flex-row gap-1.5 text-sm;
+}