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.

OraclePipedream Integration