> ## Documentation Index > Fetch the complete documentation index at: https://docs.hibonsai.com/llms.txt > Use this file to discover all available pages before exploring further. # Bonsai Search > Self-serve guide for integrating Bonsai AI Search into your website ## Getting Started Before getting started, ensure that you've had a chance to review the [Quickstart prerequisites](/project/docs/quickstart#prerequisites). Once you have your API key, you can integrate Bonsai AI search into any website in just a few minutes using our web component. If you only need the redirecting search bar (not the full results UI), use the
[Bonsai Search Bar Web Component](/project/docs/bonsai-searchbar/integration) instead. ## Quick Installation Use this minimal 2-step setup to render Bonsai Search on your website. **Theming is managed in the Bonsai dashboard.** When the component loads, it fetches your tenant's theme and behavior settings from the Settings API using your `api-key` and applies them automatically. You can still override any value per-embed via CSS custom properties on the `` element — see [Advanced Styling](/project/docs/bonsai-search/styling). Add the Bonsai Search ` ``` Add the `` web component where you want search to appear. Only `api-key` and `base-url` are required — the component fetches its placeholder text and suggestion chips from the Settings API using your `api-key`. ```html theme={null} ``` **Important:** Replace `API-KEY` with your actual API key provided by your CSM. **All content and behavior come from the Settings API.** Placeholder text, suggestions, result count, price rendering, markdown rendering, and theming are configured per-tenant in the Bonsai dashboard and returned by `/rest/search-component-config/` when the component loads. The only attributes you set on the tag are `api-key`, `base-url`, and optionally `theme`. If you need to override a specific value for a single embed you can still pass the corresponding attribute — it takes precedence over the Settings API response — but prefer the dashboard so every embed stays in sync. Not working? Check the [Troubleshooting](/project/docs/troubleshooting) guide for common issues. ## Next Steps Customize your component to match your site's layout and design. For expanded installation guides and pre-styled templates see [Examples](/project/docs/bonsai-search/examples). Full attribute reference and default values. CSS variables, shadow parts, and themes. Event lifecycle reference. Expanded integration templates.