feat(form-group): add size prop and theme options

nuxt · Jul 6, 2023 · e83acce · e83acce
1 parent 3b432fd
commit e83acce
Show file tree

Hide file tree

Showing 4 changed files with 187 additions and 420 deletions.
diff --git a/docs/content/3.forms/9.form-group.md b/docs/content/3.forms/9.form-group.md
@@ -132,6 +132,25 @@ You can also use the `error` prop as a boolean to mark the form element as inval
   The `error` prop will automatically set the `color` prop of the form element to `red`.
 ::
 
+### Size
+Use the `size` prop to change the size of the label and the form element.
+
+::component-card
+---
+props:
+  size: 'xl'
+  label: 'Email'
+  hint: 'Optional'
+  description: "We'll only use this for spam."
+  help: 'We will never share your email with anyone else.'
+code: >-
+
+  <UInput size="xl" placeholder="[email protected]" icon="i-heroicons-envelope" />
+---
+
+#default
+:u-input{placeholder="[email protected]" icon="i-heroicons-envelope" size="xl"}
+::
 ## Props
 
 :component-props