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.