Sidebar Control
Settings#
| Setting | What it does |
|---|---|
| Language switcher in sidebar | Show the language selector inside the left sidebar |
| Search in sidebar | Show a search box inside the left sidebar |
| Breadcrumbs | Show a breadcrumb trail above page content |
| Sidebar icons | Show a lucide icon next to a specific page or folder |
| Subheader folder icons | Show a lucide icon on a folder's tab in the subheader |
How to Configure#
- Open your docs site.
- Float Widget → Design → Left Sidebar tab.
- Toggle the desired options.
- Save.
Editing the sidebar from the page#
Most of what follows can also be changed without opening the settings panel at all. On your docs site, press Editor in the toolbar, then click the sidebar entry you want to change. A small action bar appears above it offering:
- Rename — change the label shown in the sidebar.
- Icon — pick an icon, describe the one you want, or remove it.
- Analytics — ask what readers actually do with that page.
Renaming here changes only the label. The page keeps its address, so every link pointing at it — from your own docs, from Google, from someone else's blog — keeps working. If you want the URL itself to change, rename the file in your repository instead.
Each action is sent to the AI chat as a request, which then applies it. You see what was asked and what changed, and you can say "undo that" in the same conversation.
Language Switcher#
Shows a language selector inside the sidebar so readers can switch translation languages.
When to use: Enable this when your header is already crowded with other elements.
Note: Enable either the sidebar switcher or the header language selector — not both. Showing it in two places creates redundancy.
Requires at least one translation language to be enabled. Set up translations →
Search in Sidebar#
Adds a search input box directly inside the left sidebar panel.
This is an alternative to the header search button. Some readers prefer sidebar search because it doesn't cover page content.
Breadcrumbs#
Shows the current page location as a trail above the page title:
Home > Guides > Custom Domain
Breadcrumbs help readers in large documentation sites understand where they are and navigate up a level quickly.
Recommended: Keep breadcrumbs on for docs with more than 20 pages or multiple nested sections.
Sidebar Icons#
Add an icon next to any individual page or folder in the left sidebar, so readers can scan the tree visually instead of by label alone.
How to Configure
- Open your docs site.
- Float Widget → Design → Left Sidebar tab.
- In the Sidebar Icons card, search for the page or folder you want to mark, then pick a lucide icon for it (e.g.
rocket,book-open). - Repeat for any other pages or folders.
- Save.
The picker only offers icon names from the current lucide icon set — searching by name (e.g. "rocket", "book", "folder") narrows the results. An icon assignment applies to one page or one folder; assign a folder's icon separately from any pages inside it.
When to use: Icons help readers spot key sections (getting started, API reference, FAQ) at a glance in a long or deeply nested sidebar. For a small docs site with only a handful of top-level pages, icons are optional.
Subheader Folders#
Turn any top-level repository folder into its own tab in the subheader — the row of tabs shown below the main header, on docs pages. Each enabled folder can also carry a lucide icon on its tab.
How to Configure
- Open your docs site.
- Float Widget → Design → Header tab.
- In the Subheader Folders card, toggle on any top-level folder you want shown as a subheader tab.
- Optionally, click the icon button next to an enabled folder to pick a lucide icon for its tab (or Remove icon to clear one already set).
- Save.
A folder shown in the subheader can also be hidden from — or kept in — the left sidebar independently; see the Folder Visibility card next to Subheader Folders for that toggle.
Build the navigation experience your readers need. Connect your GitHub repo →