Docs Components Editors Templates

Plate UI

Introduction Installation components.json Theming Dark mode CLI Changelog

Node Components

Blockquote Element Code Block Element Code Leaf Code Line Element Code Syntax Leaf Column Element Column Group Element Comment Leaf Date Element

Emoji Input Element Excalidraw Element Heading Element Highlight Leaf Horizontal Rule Element Image Element Image Preview Kbd Leaf Link Element List Element Media Embed Element Mention Element Mention Input Element Paragraph Element Search Highlight Leaf Slash Input Element

Table Cell Element Table Element Table Row Element TOC Element

Todo List Element Toggle Element

Components

AI Toolbar Button

Align Dropdown Menu Block Context Menu

Block Selection

Caption Color Dropdown Menu Comment Toolbar Button Comments Popover Cursor Overlay Draggable Editor Emoji Dropdown Menu Fixed Toolbar Buttons Fixed Toolbar Floating Toolbar Buttons Floating Toolbar Ghost Text

Indent List Toolbar Button Indent Todo Marker Indent Todo Toolbar Button Indent Toolbar Button Inline Combobox Insert Dropdown Menu Line Height Dropdown Menu Link Floating Toolbar Link Toolbar Button List Indent Toolbar Button List Toolbar Button Mark Toolbar Button Media Popover Media Toolbar Button Mode Dropdown Menu More Dropdown Menu Outdent Toolbar Button Placeholder Plate Element

Resizable Table Dropdown Menu Toggle Toolbar Button Turn Into Dropdown Menu

Primitives

Avatar Button Calendar Checkbox Command Context Menu Dialog Dropdown Menu Input Popover Separator Toolbar Tooltip

Components

Code Leaf

Code Leaf

An inline component for code snippets.

Basic Marks Code Leaf

Installation

npx shadcx@latest add plate/code-leaf

Examples

Basic Marks

Loading...