Getting Started

  • Overview
  • Quick Start
  • CSS Setup
  • Testing and Debugging

Vue App

  • Creating a Vue App

Components

  • Button
  • Button Group
  • Calendar
  • Checkbox
  • Checkbox Select
  • Code Editor
  • Color Input
  • Combobox
  • Copy Button
  • Date Picker
  • Dialog
  • Dropdown Menu
  • Editable Table
  • Field
  • Icon
  • Input
  • Lightswitch
  • Popover
  • Radio Group
  • Scroll Area
  • Select
  • Separator
  • Spinner
  • Status
  • Tabs
  • Textarea
  • Time Picker
  • Tiptap Editor
  • Tiptap Content
  • Tiptap Input
  • Toggle
  • Toggle Group
  • Tooltip

API Reference

  • Overview
  • App APIs
  • Styling APIs

Getting Started

  • Overview
  • Quick Start
  • CSS Setup
  • Testing and Debugging

Vue App

  • Creating a Vue App

Components

  • Button
  • Button Group
  • Calendar
  • Checkbox
  • Checkbox Select
  • Code Editor
  • Color Input
  • Combobox
  • Copy Button
  • Date Picker
  • Dialog
  • Dropdown Menu
  • Editable Table
  • Field
  • Icon
  • Input
  • Lightswitch
  • Popover
  • Radio Group
  • Scroll Area
  • Select
  • Separator
  • Spinner
  • Status
  • Tabs
  • Textarea
  • Time Picker
  • Tiptap Editor
  • Tiptap Content
  • Tiptap Input
  • Toggle
  • Toggle Group
  • Tooltip

API Reference

  • Overview
  • App APIs
  • Styling APIs
Components

Tiptap Input ​

TiptapInput provides a compact inline rich-text field. It is useful for subjects, placeholders, formulas, and other short authoring surfaces.

Plain Input ​

Use TiptapInput as a compact rich-text capable inline authoring field.

States ​

Use invalid, disabled, and read-only states when the input participates in form validation or locked settings.

Edit this page
Last updated: Jul 19, 2026, 4:42 PM
Previous
Tiptap Content
Next
Toggle