I'm currently incorporating the searchBox component from appbase io into my upcoming js web application, but I've been facing challenges in customizing the layout of both the search box and the list.
Despite following the documentation which suggests using styling objects for customization, I have been struggling to apply any styles to the components at all.
Refer to the image below showcasing the docs:
https://i.sstatic.net/KEogL.png
Below is the code snippet I've used to achieve the same functionality:
<SearchBase
index="good-books-ds"
credentials="a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61"
url="https://appbase-demo-ansible-abxiydt-arc.searchbase.io"
>
<div className={styles['searchbox-controller']}>
<SearchBox
id="search-component"
className={styles['search-bar-container']}
showIcon={false}
placeholder={'Search Bloggo'}
innerClass={
{
list:{
opacity:"50%",
fontSize:"25px"
}
}
}
/>
</div>
</SearchBase>