The Search component provides an interface for search functionality. It allows custom styling through various style properties and supports dark mode.

​
Usage

import { LibrariaSearch } from '@libraria/react';

<LibrariaSearch 
  anonKey="your_anon_key" 
  isDarkMode={false} 
  style={{ fontFamily: 'Roboto' }} 
/>

​
Props

​
anonKey
string
An anonymous key for identification.
​
isDarkMode
boolean
Indicates whether dark mode is enabled or not.
​
style
StyleOverrideProps
Overrides for default styles in light mode.
​
darkModeStyle
StyleOverrideProps
Overrides for default styles in dark mode.
​
keepStateOnClose
boolean
Determines if the state should be preserved when the component is closed.

​
StyleOverrideProps

This type allows you to customize the appearance of the Search component.
​
fontFamily
string
Sets the font family for the text.
​
fontColor
string
Sets the color of the text.
​
fontSize
string | number
Sets the font size of the text.
​
iconColor
string
Sets the color of the icon.
​
borderColor
string
Sets the border color of the component.
​
hoverColor
string
Sets the color when hovering over the component.
​
backgroundColor
string
Sets the background color of the component.
​
inputBorderRadius
string | number
Sets the border radius for the input.
​
borderRadius
string | number
Sets the border radius for the component.
​
inputBackgroundColor
string
Sets the background color for the input.