Skip to main content
Our docs redesign is live!

ConciergeTrigger

Header button that toggles the ConciergeDrawer. Used in DesktopNavigation (labelled "Ask Dex" pill next to the logo) and MobileNavigation (icon only).

components/molecules/concierge/ConciergeTrigger.tsx

Props

PropTypeRequiredDefaultDescription
variant'label' | 'icon'no'label'label: "Ask Dex" pill with sparkle icon. icon: sparkle icon button
classNamestringnoExtra classes

Notes

  • Must render inside ConciergeProvider (uses useConcierge().toggleDrawer).
  • Hidden when CONCIERGE_ENABLED=false (no provider, trigger, or drawer mounted).
  • Tooltip advertises the ⌘I / Ctrl+I shortcut.