Slash Input Element

A command input component for inserting various elements.

Slash PluginBlock SelectionInline ComboboxPlate ElementSlash Input Element

Installation

npx shadcx@latest add plate/slash-input-element

Examples

Slash Command

Slash Command

The slash menu provides quick access to various formatting options and content types.
  • Type '/' anywhere in your document to open the slash menu.
  • Start typing to filter options or use arrow keys to navigate.
  • Press Enter or click to select an option.
  • Press Escape to close the menu without selecting.
Available options include:
  • Headings: Heading 1, Heading 2, Heading 3
  • Lists: Bulleted list, Numbered list
  • Inline Elements: Date

Plate Plus

  • Extended set of slash menu options like "Ask AI"
  • Trigger slash menu by click the + button on the left gutter
  • Item groups
  • Beautifully crafted UI
Get the code ->