# Rich Text Editor

> Tiptap editor with a one-Tab-stop toolbar (arrow keys inside it), headings, lists, quotes, code, an inline link field instead of a browser prompt, and a character counter near the limit. Outputs HTML. Part of the Layro System: layro.vercel.app.

- Author: [Mohamed Uvaish](https://21st.dev/@uvain)
- Library: Layro System
- License: mit
- npm dependencies: lucide-react, @tiptap/react, @tiptap/starter-kit, @tiptap/extension-link, @radix-ui/react-tooltip, @tiptap/extension-placeholder, @tiptap/extension-character-count
- Live preview: https://21st.dev/@uvain/components/rich-text-editor-toolbar

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/uvain/rich-text-editor-toolbar?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt