Sha256: 88adf0e8e828bdfc5a53d64a068ffa918baed18aca86d39acb6e15dbedd80765
Contents?: true
Size: 889 Bytes
Versions: 1003
Compression:
Stored size: 889 Bytes
Contents
import React, { useState, useEffect } from 'react'
import Typeahead from '../_typeahead'
const options = [
{ label: 'Orange', value: '#FFA500' },
{ label: 'Red', value: '#FF0000' },
{ label: 'Green', value: '#00FF00' },
{ label: 'Blue', value: '#0000FF' },
]
const TypeaheadErrorState = (props) => {
const [errorState, setErrorState] = useState("Please make a valid selection");
const [searchValue, setSearchValue] = useState(null);
const handleOnChange = (value) => setSearchValue(value)
useEffect(() => {
if(searchValue) {
setErrorState("")
} else {
setErrorState("Please make a valid selection")
}
}, [searchValue])
return (
<Typeahead
error={errorState}
label="Colors"
onChange={handleOnChange}
options={options}
{...props}
/>
)
}
export default TypeaheadErrorState
Version data entries
1,003 entries across 1,003 versions & 2 rubygems