Search

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.