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.

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.