Datalist

Implementation

import { Datalist } from "slipstream-ui";

const Example = () => (

<Datalist options={[]} id="suggestions" list="suggestions" />

);

Example

Example

State Value:

<Datalist

onChange={_handleChange}

options={[{ value: "DVDs", label: "DVDs" }, ...]}

id={id}

list={id}

placeholder="Search Suggestions"

autoComplete="on"

/>

Props

Attribute	Type	Value	Default Value	Description
id	string	e.g. "suggestions"		Refer to native element documentation: LINK
list	string	e.g. "suggestions"		Refer to native element documentation: LINK
options	array[{value: '', label: ''}]			Array of objects that you which to search with keys: value & label
autoComplete	string	on/off	on	Refer to native element documentation: LINK