📝 Storybook: Textfield: added datalist example

equinor · Oct 31, 2023 · 65ad2fa · 65ad2fa
1 parent 365231d
commit 65ad2fa
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/eds-core-react/src/components/TextField/TextField.stories.tsx b/packages/eds-core-react/src/components/TextField/TextField.stories.tsx
@@ -133,6 +133,20 @@ export const Types: Story = () => (
       helperText="Helper Text"
       inputIcon={<Icon name="thumbs_up" key="thumbs" size={16} />}
     />
+    <TextField
+      type="text"
+      id="textfield-datalist"
+      placeholder="Select browser"
+      label="With datalist"
+      list="browsers"
+    />
+    <datalist id="browsers">
+      <option value="Chrome"></option>
+      <option value="Firefox"></option>
+      <option value="Opera"></option>
+      <option value="Safari"></option>
+      <option value="Microsoft Edge"></option>
+    </datalist>
   </>
 )
 Types.decorators = [