Search

Search is a simple component derived from the Text Input component and Button component.

import { useState } from 'react';
import { Search } from 'chic-ui';

const [value, setValue] = useState('');
<Search
  placeholder="Search something..."
  width="400px"
  value={value}
  onChange={(e) => setValue(e.currentTarget.value)}
/>;

API

import { Search } from 'chic-ui';

Name	Type	Default	Description
src	string		Path of the image for the avatar
name	string		Alphabets for the avatar
isActive	boolean	false	Active state for the avatar
className	string		Provide external classnames to the component
style	React.CSSProperties		Override default styling of the component