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.