datasetId
string
required

The id of the dataset used to search

apiKey
string
required

The api key used to search

chat
boolean

Adds AI search to the compomnent. Only works in the Modal version

analytics
boolean

If you want to track the searches and clicks

placeholder
string

Placeholder for the search input

onResultClick
function

Any function you want to run when a user clicks on a search result

theme
light | dark

Color theme

searchOptions
SearchChunksReqPayload

Any options you want to pass to the search function

openKeyCombination
{ key?=string; label?=string; ctrl?=boolean }[]

Key combination to open the search

ButtonEl
JSX.ElementType
default: "null"

The element to use as the button defaults to a rectangular input if null

responsive
boolean
default: "false"

If you want the search bar to be responsive and shrink on mobile

suggestedQueries
boolean
default: "true"

If you want to show suggested queries and allow the user to refresh them

defaultSearchQueries
string[]
default: "[]"

The default search queries to show in search mode

defaultAiQuestions
string[]
default: "[]"

The default AI questions to show in chat mode

brandLogoImgSrcUrl
string
default: "null"

The url of the image to use as the brand logo

brandName
string
default: "null"

The name of the brand to show in the search bar

problemLink
string
default: "mailto:help@trieve.ai?subject="

The link to the page where the user can report a problem when no results are found

brandColor
string
default: "#CB53EB"

The color to use as the accent color