Docs Components Templates

Playground Potion

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 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

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 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 Dialog Dropdown Menu Input Popover Separator Toolbar Tooltip

Components

Separator

Separator

Visually or semantically separates content.

Installation

npx shadcx@latest add separator -r plate