Removed field component on first example

cerner · Dec 14, 2023 · 18a5fe6 · 18a5fe6
1 parent e74c5be
commit 18a5fe6
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 23 deletions.
diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/combobox/Combobox.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/combobox/Combobox.jsx
@@ -1,24 +1,18 @@
 import React from 'react';
 import Combobox from 'terra-form-select/lib/Combobox';
-import Field from 'terra-form-field';
 import classNames from 'classnames/bind';
 import styles from '../FormSelectDocCommon.module.scss';
 
 const cx = classNames.bind(styles);
 
 const ComboboxExample = () => (
-  <Field
-    label="Colors"
-    htmlFor="color-field-1"
-  >
-    <Combobox placeholder="Select a color" ariaLabel="Colors" className={cx('form-select')} inputId="color-field-1">
-      <Combobox.Option value="blue" display="Blue" />
-      <Combobox.Option value="green" display="Green" />
-      <Combobox.Option value="purple" display="Purple" />
-      <Combobox.Option value="red" display="Red" />
-      <Combobox.Option value="violet" display="Violet" />
-    </Combobox>
-  </Field>
+  <Combobox placeholder="Select a color" ariaLabel="Colors" className={cx('form-select')}>
+    <Combobox.Option value="blue" display="Blue" />
+    <Combobox.Option value="green" display="Green" />
+    <Combobox.Option value="purple" display="Purple" />
+    <Combobox.Option value="red" display="Red" />
+    <Combobox.Option value="violet" display="Violet" />
+  </Combobox>
 );
 
 export default ComboboxExample;
diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/search/Search.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/form-select/example/search/Search.jsx
@@ -6,16 +6,13 @@ import styles from '../FormSelectDocCommon.module.scss';
 const cx = classNames.bind(styles);
 
 const SearchSelectExample = () => (
-  <>
-    <label htmlFor="color-field-1"><strong>Colors</strong></label>
-    <SearchSelect placeholder="Select a color" ariaLabel="Colors" className={cx('form-select')} inputId="color-field-1">
-      <SearchSelect.Option value="blue" display="Blue" />
-      <SearchSelect.Option value="green" display="Green" />
-      <SearchSelect.Option value="purple" display="Purple" />
-      <SearchSelect.Option value="red" display="Red" />
-      <SearchSelect.Option value="violet" display="Violet" />
-    </SearchSelect>
-  </>
+  <SearchSelect placeholder="Select a color" ariaLabel="Colors" className={cx('form-select')}>
+    <SearchSelect.Option value="blue" display="Blue" />
+    <SearchSelect.Option value="green" display="Green" />
+    <SearchSelect.Option value="purple" display="Purple" />
+    <SearchSelect.Option value="red" display="Red" />
+    <SearchSelect.Option value="violet" display="Violet" />
+  </SearchSelect>
 );
 
 export default SearchSelectExample;