> ## Documentation Index
> Fetch the complete documentation index at: https://docs.libraria.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Search

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

### Usage

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

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

### Props

<ParamField path="anonKey" type="string">
  An anonymous key for identification.
</ParamField>

<ParamField path="isDarkMode" type="boolean">
  Indicates whether dark mode is enabled or not.
</ParamField>

<ParamField path="style" type="StyleOverrideProps">
  Overrides for default styles in light mode.
</ParamField>

<ParamField path="darkModeStyle" type="StyleOverrideProps">
  Overrides for default styles in dark mode.
</ParamField>

<ParamField path="keepStateOnClose" type="boolean">
  Determines if the state should be preserved when the component is closed.
</ParamField>

### StyleOverrideProps

This type allows you to customize the appearance of the `Search` component.

<ParamField path="fontFamily" type="string">
  Sets the font family for the text.
</ParamField>

<ParamField path="fontColor" type="string">
  Sets the color of the text.
</ParamField>

<ParamField path="fontSize" type="string | number">
  Sets the font size of the text.
</ParamField>

<ParamField path="iconColor" type="string">
  Sets the color of the icon.
</ParamField>

<ParamField path="borderColor" type="string">
  Sets the border color of the component.
</ParamField>

<ParamField path="hoverColor" type="string">
  Sets the color when hovering over the component.
</ParamField>

<ParamField path="backgroundColor" type="string">
  Sets the background color of the component.
</ParamField>

<ParamField path="inputBorderRadius" type="string | number">
  Sets the border radius for the input.
</ParamField>

<ParamField path="borderRadius" type="string | number">
  Sets the border radius for the component.
</ParamField>

<ParamField path="inputBackgroundColor" type="string">
  Sets the background color for the input.
</ParamField>