Search Button

Search Button component is a simple button that can be used to toggle a Search Box.

Installation

To install the Orama UI Components library, you can follow the instructions here.

Usage

The Search Button supports the following options.

Option	Description	Default
colorScheme	The selected color scheme. (dark,light,system)	dark
size	The size of the button. (small,medium,large)	medium
themeConfig	The theme configuration object (Partial<TThemeOverrides>)	{}

Example

Here is an example of how to use the Search Button component in your application using React.

import { OramaSearchButton } from '@orama/react-components';

<OramaSearchButton
  size="large"
  colorScheme="dark"
  themeConfig={{
    themeConfig: {
      colors: {
        dark: {
          '--background-color-primary': '#231102'
        },
      },
    },
  }}
>
  Search something...
</OramaSearchButton>