` element with additional `` elements with progressive enhancement to achieve a themed drop down list via javascript functionality.
+### Description
+This is a stylized selectbox.
-## State: ALPHA
+### Status
+* Stable as of 5.0.0
-### Notes:
-_No limit to number of objects in options array_
-### Used In:
-- [@organisms/by-author/feedback-form](/?p=organisms-feedback-form)
+### JavaScript Used
+* To keep the value displayed in sync with the current value of the select box (js/modules/dropdown.js)
-### Variables:
+### Variables
~~~
selectBox {
- label:
- type: string / required
- required:
- type: boolean
- id:
- type: string / required
- options: [
- {
- value:
- type: string / required
- text:
- type: string / required
- }, / required (multiple)
- ]
+ label:
+ type: string / required
+ required:
+ type: boolean
+ id:
+ type: string (unique per page) / required
+ options: [{
+ value:
+ type: string / required
+ text:
+ type: string / required
+ }]
}
~~~
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/textarea-set-characters.md b/styleguide/source/_patterns/01-atoms/03-forms/textarea-set-characters.md
new file mode 100644
index 0000000000..fbeca6a7d1
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/textarea-set-characters.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Textarea](./?p=atoms-textarea) pattern showing an example with a max length.
+
+### How to generate
+* set the `maxlegth` variable to a number value
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/textarea.md b/styleguide/source/_patterns/01-atoms/03-forms/textarea.md
index a8fb544b97..8da79dbabb 100644
--- a/styleguide/source/_patterns/01-atoms/03-forms/textarea.md
+++ b/styleguide/source/_patterns/01-atoms/03-forms/textarea.md
@@ -1,31 +1,29 @@
----
-title: Input Textarea
----
-Description: A `