Motion

Where to Use Slash Command Dropdown in React Apps

Slash Command Dropdown is a tool picker with category tabs, search, keyboard navigation, and score-sorted matches for chat composers. Teams ship it when agents expose many tools and users need a fast, keyboard-first way to invoke them.

Open live previewBrowse components

Where teams use Slash Command Dropdown

  1. Use case 1

    Chat composer tool menu

    Type / to open categories like search, code, and browser. Score-sorted matches keep fuzzy search useful as the catalog grows.

  2. Use case 2

    Docs slash inserts

    Editors insert templates and embeds via the same pattern. Keyboard navigation keeps power users in flow.

  3. Use case 3

    CRM quick actions

    Reps trigger log call, create task, or insert snippet from the composer. Tabs separate personal macros from team playbooks.

  4. Use case 4

    Agent builder tool wiring

    Build UIs let authors pick tools with search while designing flows. Score sorting surfaces frequently used connectors first.

Who it is for

Chat and editor engineers implementing slash-driven command discovery.

Try Slash Command Dropdown on AkmanOS

Open the picker with search and arrows in the preview, then bring the markdown into your AI coding tool to bind Slash Command Dropdown to your tool registry.

Preview /preview/slash-command-dropdown

More in Motion