Configuration
Options for GlossenProvider, the panel and the trigger.
All options go on GlossenProvider. Everything else, such as layout and wording, is in the installed source under components/glossen/*, which you can edit directly.
Prop
Type
Styling
The components use Fumadocs theme tokens such as bg-fd-background and text-fd-muted-foreground, so they follow your Fumadocs theme and dark mode without extra CSS. Glossen does not add a global theme.
AskAIPanel and AskAITrigger accept className. AskAITrigger also accepts children to replace its label:
<AskAITrigger className="bottom-6">Ask the docs</AskAITrigger>The panel is a right-side overlay from the lg breakpoint and an inset dialog on smaller screens. It is 400px wide (440px from 2xl). Change --glossen-width in components/glossen/ask-ai.tsx to adjust.
Keyboard shortcuts
| Keys | Action |
|---|---|
| ⌘/ | Open or close Ask AI |
| Esc | Close Ask AI, or cancel editing |
| Enter | Send (Shift Enter adds a new line) |
| ⌥A | Attach the selected documentation text |