Search Input

 

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Example


                                                        
                                                        
                                                            import { useState } from 'react';
                                                        import { InputValue, SearchInput } from '@optimus-web/core';
                                                        
                                                        const SearchInputComponent = () => {
                                                                const [inputValue, setInputValue] = useState<InputValue>('');
                                                        
                                                                return (
                                                                    <SearchInput
                                                                        value={inputValue}
                                                                        onChange={(_event: ChangeEvent<HTMLInputElement> | MouseEvent, value: InputValue) =>
                                                                            setInputValue(value)
                                                                        }
                                                                        name="search"
                                                                        helper="Helper"
                                                                        label="Label"
                                                                        placeholder="Search"
                                                                        onSearch={() => {}}
                                                                    />
                                                                )
                                                        }